大家好，欢迎来到IT知识分享网。
一、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]; } // 输出 : 累加和为 : 15 console.log("累加和为 : " + sum); var avg = sum / arr.length; // 输出 : 平均值为 : 3 console.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]; } } // 输出 : 最大值为 : 9 console.log("最大值为 : " + max); </script> </head> <body> </body> </html> 执行结果 :
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://haidsoft.com/113640.html
