JavaScript中的数组

1.数组的概念

• 数组可以把一组相关的数据一起存放，并提供方便的访问/获取方式
• 数组是指一组数据的集合，其中每个数据称之为元素(element)，在数组中可以存放任意类型的元素，数组是一种将一组数据存储在单个变量名下的优雅方式。

2. 创建数组

js中创建数组有两种方式

• 利用new创建数组

  • var 数组名 = new Array();
    //如： var arr = new Array();  //创建了一个新的空数组
    

  • **注意：**Array(), A要大写

• 利用数组字面量创建数组

  • //1.使用数组字面量方式创建空的数组
    var 数组名 = [];
    //2.使用数组字面量的方式创建带初始值的数组
    var arr = ['小白','大黄','旺财','小黑'];
    

  • 数组字面量时方括号[ ]

  • 声明数组并赋值称之为数组的初始化

  • 这种字面量方式也是我们以后使用最多的方式

3.数组元素类型

数组中可以存放任意类型的元素，例如：字符串、数字、布尔型等

var arrStatu = ['旺财',12,true,20.5];

一般我们会在一个数组中存储同一种数据类型的数据

4.获取数组中的元素

索引（下标）：用来访问数组中元素的序号（数组中下标是从0开始的）

语法：数组名[索引/下标]

//1.数组（Array）：是一组数据的集合，存储在单个变量下的一种优雅存储方式
//2.创建数组方式一：利用new
var arr1 = new Array();  //创建了一个空的数组
//3.创建数组的方式二：利用字面的方式创建数组
var arr2 = [];  //创建了一个空的数组
//数组里面的数组一定要用逗号分隔开
var arr3 = [1,2,'旺财','柯震东','房祖名',true]; //初始化了一个数组//元素：就是数组中的一个数据,每一个数组中的一个数据就称之为一个元素
console.log(arr3);//获取到数组中某一个元素，可以通过：数组名[索引/下标]。索引/下标是从0开始的
console.log(arr3[2]);
console.log(arr3[4]); //房祖名
console.log(arr3[40]); //undefined

5.遍历数组

• 遍历数组：

  • 把数组中的每一个元素从头到尾都访问一次（类似于学生点名），可以通过for循环遍历数组中的索引实现

  • var arr = ['小白','小黑','旺财','小强'];for(var i = 0; i <= 3; i++){console.log(arr[i]);
    }
    

• 数组的长度

  • 数组的长度默认情况下表示数组中的元素的个数

  • 数组名.length

  • //技巧：i从0开始（数组的下标是从0开始的）；i < arr.length 因为length是元素的个数，下标是元素个数减1
    for(var i = 0; i < arr.length; i++){console.log(arr[i]);
    }
    

注意：

• 数组里面的元素个数发生了变化，这个length属性的值也会跟着变化
• 如果设置了length属性值大于数组元素的个数，则会在数组末尾出现空白元素undefined

6.遍历数组案例

6.1和、平均值

需求1：求数组[2,6,1,7,4] 里面所有的元素的和以及平均值

//需求1：求数组[2,6,1,7,4] 里面所有的元素的和以及平均值
var scores = [2,6,1,7,4];
var sum = 0; //和
//遍历数组
for(var i = 0; i <= scores.length - 1; i++){sum += scores[i];  //累加
}
//平均值
var avg = sum / scores.length;
console.log('总和：' + sum);
console.log('平均值：' + avg);

6.2最大值和最小值

需求2：求数组 var arr = [2,6,1,77,52,25,7,10] 中的最大值和最小值

//需求2：求数组 var arr = [2,6,1,77,52,25,7,10] 中的最大值和最小值
var arr = [2,6,1,77,52,25,7,10];
var max = arr[0];//我先认为第一个元素是最大的
var min = arr[0]; //我先认为第一个元素是最小的
//遍历数组
for(var i = 0; i < arr.length; i++){if(max < arr[i]){ //如果我认为的最大值，小于了数组中的某一个元素max = arr[i]; //如果有元素大于了我们认为的最大值，那么最大值就是这个元素}if(min > arr[i]){ //本来min我认为是最小的，但是发现有元素比min还小min = arr[i];}
}console.log('最大值：' + max)
console.log('最小值：' + min)

7.数组中新增元素

在数组的末尾添加一个元素

语法：数组名.push(元素)

//数组中新增元素
var arr = [2,3,4,5,6]//添加元素到数组的末尾
arr.push(7)
arr.push(8)//循环遍历输出
for(var i = 0; i < arr.length; i++){console.log(arr[i])
}