最新要闻

广告

手机

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

 警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

家电

  1. 首页
  2. 移动通信
  3. 内容

天天热点！第一百一十二篇: 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);

(好用直观)

关键词： 构造函数 创建数组