2.5JavaScript类型之数组(Array)

数组的索引是整数类型。

数组的索引是有序的。

数组的元素可以是任何 JavaScript 数据类型，且不必都是同一个类型。

数组的元素的个数(长度)可以动态改变，可以添加、更改、删除元素。

数组的元素可以重复。

1.索引数组

注意：最后一个元素后面允许有逗号 ,，这样要添加一个新元素时很方便。

//字面量创建方式

//创建一个空数组
let a = [];

//创建一个数组长度为N的数组(直接填入元素)
let a = [元素1, 元素2, 元素N];

//Array()函数创建方式(加与不加new都一样)

//创建一个空数组
let a = [new] Array();

//创建一个数组长度为N的稀疏数组(具体见下面的稀疏数组章节)
let a = [new] Array(N);

//创建一个数组长度为N的数组(直接填入元素)    
let a = [new] Array(元素1, 元素2, 元素N);

2.稀疏(Sparse)数组

let a = [1, , 3];
console.log(a);

//输出
Array(3) [ 1, <1 empty slot>, 3 ]
​  0: 1
​  2: 3
​  length: 3

从上面的示例中，我们不难发现，空槽(empty slot)作为一种特殊的元素，与普通的元素相比：

相同点：空槽的索引为 1，因此 length 属性的值为 3。

不同点：空槽不占用元素的实际个数，这就导致了输出的元素的索引不连续。

所以像这种 length 属性的值大于元素的实际个数的数组，我们称之为稀疏(Sparse)数组。反之，就是紧凑(Dense)数组。

注意：由于不同的数组方法对待空槽的行为不同，以及空槽存在性能隐患，因此实践中要避免使用空槽。如果确实需要使用空槽，则可以显式地使用 undefined 值代替空槽。

//字面量创建方式

//空槽在前面
//示例一
let a = [, 2, 3];
console.log(a);  // Array(3) [ <1 empty slot>, 2, 3 ]
//示例二
let a = [,];
console.log(a);  // Array(1) [ <1 empty slot> ]

//空槽在中间
let a = [1, , 3];
console.log(a);  // Array(3) [ 1, <1 empty slot>, 3 ]

//空槽在末尾
//注意：末尾的逗号是为了添加一个新元素时方便，不是空槽。
let a = [1, 2, ];
console.log(a);  // Array(2) [ 1, 2 ]

//Array()函数创建方式(加与不加new都一样)

//创建一个数组长度为5的稀疏数组
let a = [new] Array(5);
console.log(a);  // Array(5) [ <5 empty slots> ]

//不支持此语法创建稀疏数组     
let a = [new] Array(元素1, 元素2, 元素N);

3.访问数组

//正数索引从左往右从0开始，不支持负数索引。

//查看
let v = a[索引];

//添加或更改
a[索引] = 元素;

//删除
a.splice(开始索引, 删除数量);

4.数组长度

注意：1个空槽占用1个数组的长度。

//查看长度
let v = a.length;

//更改长度
//如果非负整数值小于原来的数组长度，则会从数组末尾删除元素。
//如果非负整数值大于原来的数组长度，则会从数组末尾添加空槽。
a.length = 非负整数值;