第一百一十二篇: JS数组Array（一）数组基本用法

好家伙，

 

1.数组

Array应该就是ECMAScript中最常用的类型了。ECMAScript数组跟其他编程语言的数组有很大区别。

跟其他语言中的数组一样，ECMAScript 数组也是一组有序的数据，

但跟其他语言不同的是，数组中每个槽位可以存储任意类型的数据。

这意味着可以创建一个数组，它的第一个元素是字符串，第二个元素是数值，第三个是对象。

ECMAScript数组也是动态大小的，会随着数据添加而自动增长。

 

2.创建数组

有几种基本的方式可以创建数组。第一种是使用Array 构造函数，第二种是使用数组字面量

 

2.1.使用Array 构造函数创建数组

可以直接使用new字符创建，可以传参,也可以直接传入要保存的数

let Array_1 = new Array();

//创建length为20的数组
let Array_2 = new Array(20);

Array_3 = new Array("red","blue", "green");

console.log(Array_1,Array_2,Array_3);

 

 

 

2.2.使用数组字面量创建数组

let Array_1 = []; 

let Array_2 = [1,2,];

Array_3 = ["red","blue", "green"];

console.log(Array_1,Array_2,Array_3);

 

此处Array_2仍然是空数组

 

2.3.Array构造函数好友两个ES6新增的用于创建数组的静态方法:from()和of().

from()用于将类数组结构转换为数组实例,

而of()用于将一组参数转换为数组实例

 

console.log(Array.from("Array"));

console.log(Array.of(1,2,3,4,5));

 

 

 

3.数组空位

使用数组字面量初始化数组时，可以使用一串逗号来创建空位（hole）。

ECMcript会将逗号之相应索引位置的值当成空位，ES6规范重新定义了该如何处理这些空位。

const options = [1, , , , 5];
for (const option of options) {
    console.log(option === undefined);
}

 

 

 

4.数组索引

 跟大部分语言相同,JS的数组索引也是从"0"开始算起的

let colors = ["red", "blue", "green"]; //定义一个字符串数组
console.log(colors[0]);
//显示第一项
colors[2] = "black";
//修改第三项
colors[3] = "brown";
//添加第四项
console.log(colors);

 

有意思的是,我们可以使用length属性不停的向数组末尾添加元素

let colors = ["red", "blue", "green"]; //定义一个字符串数组
for (let i = 2; i <= 10; i++) {
    colors[colors.length] = "nocolors";
}
console.log(colors);

(实用小技巧+1) 

5.数组检测

一个经典的ECMAScript问题是判断一个对象是不是数组。

在只有一个网页（因而只有一个全局作用域）的情况下，使用instanceof 操作符就足矣：

 使用instanceof的问题是假定只有一个全局执行上下文。

如果网页里有多个框架，则可能涉及两个不同的全局执行上下文，因此就会有两个不同版本的Array 构造函数。

如果要把数组从一个框架传给另一个框架，则这个数组的构造函数将有别于在第二个框架内本地创建的数组。

为解决这个问题，ECMAScript提供了Array.isArray()方法.这个方法的目的就是确定一个值是否为数组,

而不用管它是在哪个全局执行上下文中创建的

let colors = ["red", "blue", "green"]; //定义一个字符串数组

console.log(Array.isArray(colors))

 

6.迭代器方法

 在ES6中，Array的原型上暴露了3个用于检索数组内容的方法：keys（），values（）和entries()。

方法一:  keys（）返回数组索引的迭代器，

方法二:  values（）返回数组元素的选代器，

方法三:  entries（）返回索引／值对的迭代器：

 

let colors = ["red", "blue", "green"]; //定义一个字符串数组

let colorskeys= Array.from(colors.keys());
let colorsvalues =Array.from(colors.values());
let colorsentries= Array.from(colors.entries());

console.log(colorskeys);
console.log(colorsvalues);
console.log(colorsentries);

 

(好用直观)