本文系统介绍JavaScript数组的基础概念与核心操作。涵盖通过构造函数和字面量两种方式创建数组，解析数组长度、元素与索引的关系，并演示正序与倒序遍历。结合求和、平均值、最值计算及冒泡排序等常见案例，帮助开发者掌握数组的实际应用技巧。
数组本质上是用于存储一组有序数据的结构。
一、数组的作用：
其核心功能在于能够一次性存储多个数据项。
二、数组的定义：
1.通过构造函数创建数组
语法：
var 数组名=new Array(); var array=new Array();//定义了一个数组
//通过构造函数的方式定义一个数组
var array=new Array();//没有数据的空数组
若直接输出包含数据的数组，将显示其中的数据内容；若数组为空，则无数据显示。
var 数组名=new Array(长度);
当数组未包含具体数据但已设定长度时，数组内每个位置的值均为undefined。
使用构造函数创建数组时，若传入单个数字参数，该数字代表数组的长度（即元素个数）；若传入多个值，则这些值成为数组元素，数组长度等于传入值的数量。
2.通过字面量的方式创建数组
语法：
var 数组名=[ ];//空数组
var arr=[];
console.log(arr);//Array[0]
总结：
无论采用构造函数还是字面量方式定义数组，只要存在长度，默认值即为undefined。
三、数组元素
数组中存储的每一个数据项均被称为数组元素。
例如：若数组中存储了3个数据，则该数组包含3个元素。
四、数组长度
数组长度即为其包含的元素总数。
例如：若存在3个元素，则称该数组的长度为3。
var arr1=new Array();//用构造函数的方式创建了一个空数组
var arrr2=new Array(5);//用构造函数的方式创建了一个长度为5的数组，这个数组有5个值，且都为undefined
var arr3=new Array(10,20,30,40,50);//构造函数的方式创建了一个长度为5，每个值都有意义的数组
五、数组索引（下标）
数组索引或下标用于存储或访问数组中的数据，取值范围从0开始，至长度减1结束。
如何设置数组中某个位置的值：
数组名[下标]=值；
例如：arr[3]=100;
如何获取数组中某个位置的值：
var result=数组名[下标];
console.log(result);
//获取数组中第4个值
var arr =new Array(10,20,30,40,100);
console.log(arr[4]);//100
//将下标为3的值改为1000
arr[3]=1000;
//用字面量的方式获取数组的长度
var arr1=[10,20,30,40,50,12];
console.log(arr.length);//6
数组长度和索引的关系：
长度-1=索引
六、数组注意的问题
1.数组中存储的数据可以是不一样的
arr=[10,"哈哈",true,null,undefined,new Object()];
2.数组的长度是可以改变的
var arr = [];
// 通过索引来设置数组中的元素的值
arr[0] = 10;
arr[1] = 20;
console.log(arr.length); //2
// 通过索引的方式获取元素的值
console.log(arr[2]); //undefined
3.总之
var arr1 = new Array(); //空数组
var arr2 = new Array(5); //长度为5的数组，每个数组的值是undefined
var arr3 = new Array(1, 2, 3, 4, 5); //长度为5的数组，每个值都有意义
var arr4 = []; //空数组
var arr5 = [1, 2, 3]; //长度为3的数组
var arr6 = ["red", "blue", 1, true]; //长度为4，元素数据类型不一样的数组
var arr7 = [];
// 声明一个空数组，给数组中添加值
arr7[0] = 10;
arr7[1] = 30;
七、遍历数组
1.正序遍历
var arr=[10,20,30,40,50,60,70,80,90,100];
// i表示数组的下标
// 最后一个数的下标等于数组的长度减一
for(var i=0;i<arr.length;i++){
console.log(arr[i]);
}
2.倒序遍历
var arr = [10, 20, 30, 40, 100];
// i最开始输出最后一个数，到0的时候结束循环
for (var i = arr.length - 1; i >= 0; i--) {
console.log(arr[i]);
}
八、数组中常见的案例
1.求数组中所有元素的和
var arr = [10, 20, 30, 40, 100];
// 用来存储相加后的总和
var sum = 0;
for (var i = 0; i < arr.length; i++) {
sum += arr[i];
}
console.log(sum);//200
2.求数组的平均数
var arr = [10, 20, 30, 40, 100];
// 用来存储相加后的总和
var sum = 0;
for (var i = 0; i < arr.length; i++) {
sum += arr[i];
}
console.log(sum / arr.length); //40
3.求数组的最大值和最小值
var arr = [10, 20, 30, 40, 100];
// 假设数组中第一个数是最大的，并将它赋值给一个变量
var max = arr[0];
// 假设数组中第一个数是最小的，并将它赋值给一个变量
var min = arr[0];
for (var i = 0; i < arr.length; i++) {
//用数组中的值和max进行比较，如果比max大，则将那个数赋值给max
if (max < arr[i]) {
max = arr[i];
}
//用数组中的值和min进行比较，如果比min小，则将那个数赋值给min
if (min > arr[i]) {
min = arr[i];
}
}
console.log(max); //100
console.log(min); //10
4.冒泡排序
var arr = [10, 30, 20, 65, 40, 8, 100];
//由小到大排序
for (var i = 0; i < arr.length; i++) {
for (var j = 0; j < arr.length - i; j++) {
if (arr[j] > arr[j + 1]) {
var temp = arr[j];
arr[j] = arr[j + 1];
arr[j + 1] = temp;
}
}
}
console.log(arr);
//由大到小排序
for (var i = 0; i < arr.length; i++) {
for (var j = 0; j < arr.length - i; j++) {
if (arr[j] < arr[j + 1]) {
var temp = arr[j];
arr[j] = arr[j + 1];
arr[j + 1] = temp;
}
}
}
console.log(arr);
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注本站的更多内容！