JavaScript数组

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第23天

数组

定义

数组是指一组数据的集合，其中每个数据被称作元素，在数据中可以存放任意类型的元素。数组是一种将一组数据存放在单个变量名下的方式

创建数组

JS中创建数组的两种方式

• 利用new创建数组

var 数组名 = new Array();
var arr = new Array(); //创建一组空数组

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

var arr = [];  // 创建一组空数组
var arr1 = [1,2,'mzmm403',true]

• 我们数据之间要用逗号隔开

• 数组里面的数据称为元素

• 数组内的元素可以是任意类型的

获取数组元素

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

数组可以通过索引来访问、设置、修改对应的数组元素，我们可以通过“数组名[索引]”的形式来获取数组中的元素

//定义数组
var arr = [1,2,3];
console.log(arr[1]);   // 2
console.log(arr[3]);  //undefined

遍历数组

将数组内的所有元素从头到尾访问一次

• 例子

//创建数组
var arr = ['red','greenn','blue'];
//遍历数组
for (var i = 0; i < 3; i++){
    console.log(arr[1]);
}

• 因为我们的数组索引从0开始，所以i必须从0开始
• 输出的时候 arr[i]中i计数器当索引使用

如何查看数组的长度

• 使用“数组名.length”可以访问数组元素的数量(数组长度)

var arr = ['red','greenn','blue'];
console.log(arr.length)

• 数组的长度是元素的个数，不要跟索引号混淆
• arr.length动态检测数组的元素个数，所以遍历数组就可以更新

//创建数组
var arr = ['red','greenn','blue'];
//遍历数组
for (var i = 0; i < arr.length; i++){
    console.log(arr[1]);
}  

数组新增元素

通过修改length长度新增数组元素

• 可以通过修改length长度来实现数组扩容的目的
• length属性是可读写的

var arr = ['red','green','blue'];
console.log(arr.length);
arr.length = 5;
console.log(arr);
console.log(arr[3]); //undefined
console.log(arr[4]); //undefined

通过修改数组索引新增数组元素

• 可以通过修改数组索引的方式追加数组元素

var arr= ['red','green','blue'];
arr[3] = 'pink';
console.log(arr)

• 可以通过上述方法替换数组内的元素

var arr= ['red','green','blue'];
arr[1] = 'pink';
console.log(arr) //['red','pink','blue']

• 注意

var arr= ['red','green','blue'];
arr = 'mzmm403'
console.log(arr)  // mzmm403

• 千万不要给数组直接赋值，这样会导致数组内的元素都消失