【JavaScript】数组 ③ ( JavaScript 数组长度 | 修改数组长度 | 数组案例 )

文章目录

一、JavaScript 数组长度


1、数组长度

在 JavaScript 中 , 数组长度 可以通过 数组变量的 length 属性 获取 , 该属性 返回 数组中的元素数量 , 也就是 数组长度 ;

下面声明了一个数组变量 , 有 3 个元素 ;

js 复制代码
var arr = ['blue', 'red', 'green'];

arr 数组变量的 length 属性 , 就是 数组长度 ;

cpp 复制代码
arr.length

代码示例 :

js 复制代码
var arr = ['blue', 'red', 'green'];
console.log(arr.length);  // 输出 : 3

完整代码示例 :

html 复制代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // 数组长度

        var arr = ['blue', 'red', 'green'];
        console.log(arr.length); // 输出 : 3
    </script>
</head>

<body>
</body>

</html>

执行结果 :

2、修改数组长度

JavaScript 数组 的 大小 是 可以 动态调整 的 , 通过修改 数组 的 length 属性 可以 增加或减少 数组的大小 ;

  • 如果 减少 数组的大小 , 则被减少的部分元素 , 直接从数组中删除 ;
  • 如果 增加 数组的大小 , 则增加的部分 , 使用 undefined 值填充 ;

代码示例 :

js 复制代码
var arr = [1, 2, 3];  
arr.length = 5;  
console.log(arr);  // 输出:[1, 2, 3, undefined, undefined]

完整代码示例 :

html 复制代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // 数组长度

        var arr = [1, 2, 3];

        // 数组内容 : [1, 2, 3, undefined, undefined]
        arr.length = 5;

        // 输出 : [1, 2, 3, empty x 2]
        console.log(arr);
    </script>
</head>

<body>
</body>

</html>

执行结果 :

二、数组案例


1、求数组元素平均值

给定一个数组 ,

js 复制代码
var arr = [1, 2, 3, 4, 5];

求该数组的平均值 ;

首先 , 遍历累加该数组 ;

然后 , 将累加和 除以 数组长度 , 得到平均值 ;

代码示例 :

html 复制代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // 数组长度

        // 数组声明与初始化
        var arr = [1, 2, 3, 4, 5];

        // 累加和
        var sum = 0;

        for (var i = 0; i < arr.length; i++) {
            sum += arr[i];
        }

        // 输出 : 累加和为 : 15
        console.log("累加和为 : " + sum);

        var avg = sum / arr.length;
        // 输出 : 平均值为 : 3
        console.log("平均值为 : " + avg);
    </script>
</head>

<body>
</body>

</html>

执行结果 :

2、求数组元素最大值

给定一个数组 ,

js 复制代码
var arr = [3, 9, 5, 2, 7, 4];

求该数组的最大值 ;

首先 , 定义一个变量存储当前获取的最大值 ;

然后 , 遍历数组每个元素 , 如果遍历到的值大于 最大值变量 则赋值给 该变量 ;

遍历完毕后 , 即可得到数组中的 最大值 ;

代码示例 :

html 复制代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // 数组长度

        // 数组声明与初始化
        var arr = [3, 9, 5, 2, 7, 4];

        // 最大值
        var max = 0;

        for (var i = 0; i < arr.length; i++) {
            if (arr[i] > max) {
                max = arr[i];
            }
        }

        // 输出 : 最大值为 : 9
        console.log("最大值为 : " + max);
    </script>
</head>

<body>
</body>

</html>

执行结果 :

相关推荐
q567315233 分钟前
在 Bash 中获取 Python 模块变量列
开发语言·python·bash
阿伟来咯~13 分钟前
记录学习react的一些内容
javascript·学习·react.js
吕彬-前端18 分钟前
使用vite+react+ts+Ant Design开发后台管理项目(五)
前端·javascript·react.js
学前端的小朱21 分钟前
Redux的简介及其在React中的应用
前端·javascript·react.js·redux·store
许野平28 分钟前
Rust: 利用 chrono 库实现日期和字符串互相转换
开发语言·后端·rust·字符串·转换·日期·chrono
guai_guai_guai30 分钟前
uniapp
前端·javascript·vue.js·uni-app
也无晴也无风雨31 分钟前
在JS中, 0 == [0] 吗
开发语言·javascript
狂奔solar39 分钟前
yelp数据集上识别潜在的热门商家
开发语言·python
blammmp1 小时前
Java:数据结构-枚举
java·开发语言·数据结构
bysking1 小时前
【前端-组件】定义行分组的表格表单实现-bysking
前端·react.js