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

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

文章目录

一、JavaScript 数组长度
- 1、数组长度
- 2、修改数组长度
二、数组案例
- 1、求数组元素平均值
- 2、求数组元素最大值

一、JavaScript 数组长度

1、数组长度

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

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

var arr = ['blue', 'red', 'green'];

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

arr.length

代码示例 :

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

完整代码示例 :

<!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 值填充 ;

代码示例 :

var arr = [1, 2, 3];  
arr.length = 5;  
console.log(arr);  // 输出：[1, 2, 3, undefined, undefined]

完整代码示例 :

<!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、求数组元素平均值

给定一个数组 ,

var arr = [1, 2, 3, 4, 5];

求该数组的平均值 ;

首先 , 遍历累加该数组 ;

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

代码示例 :

<!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];}// 输出 : 累加和为 : 15console.log("累加和为 : " + sum);var avg = sum / arr.length;// 输出 : 平均值为 : 3console.log("平均值为 : " + avg);</script>
</head><body>
</body></html>

执行结果 :

在这里插入图片描述

2、求数组元素最大值

给定一个数组 ,

var arr = [3, 9, 5, 2, 7, 4];

求该数组的最大值 ;

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

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

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

代码示例 :

<!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];}}// 输出 : 最大值为 : 9console.log("最大值为 : " + max);</script>
</head><body>
</body></html>