Js数组reduce方法干嘛用（第一百一十二篇: JS数组Array（一）数组基本用法）

时间2025-05-02 12:50:12分类IT科技浏览3368

导读：好家伙，...

好家伙，

1.数组

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

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

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

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

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

2.创建数组

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

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

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

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);

(好用直观)

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。