Array

2018-03-04大约4分钟

数组可以保存一个或多个值或对象。

创建数组

创建数组有两种方式,[]运算符和new Array()

1.[]运算符

const fruits = [];
fruits.push("Apple");
fruits.push("Orange");
console.log(fruits);
  1. new Array()
const fruits = new Array();
fruits.push("Apple");
fruits.push("Orange");
console.log(fruits);

两种方式都是完全等效的,一般情况下,推荐总是使用[]运算符来创建数据,代码更简洁明了。

也可以直接在数组里面初始化一些元素:

const fruits = ["Apple", "Orange"];
console.log(fruits);

这样是不是更直观一些了呢?

访问数组中的元素

JavaScript 数组的长度和元素类型都是非固定的。因为数组的长度可随时改变,并且其数据在内存中也可以不连续。

我们可以使用数字索引来访问数组中的元素:

const fruits = ["Apple", "Orange", "Kiwi", "Banana"];
console.log(`第一个元素:${fruits[0]}`);
console.log(`最后一个元素:${fruits[fruits.length - 1]}`);

如果访问的元素索引位置不正确(越界、无效等),那么代码也不会报错,而是返回undefined

const fruits = ["Apple", "Orange", "Kiwi", "Banana"];
console.log(`第10个元素:${fruits[10]}`);
console.log(`第n个元素:${fruits["n"]}`);

遍历数组

常用的做法是使用数组的forEach方法:

const fruits = ["Apple", "Orange", "Kiwi", "Banana"];
fruits.forEach(function (item, index, array) {
    console.log(`${index}: ${item}`);
});

或者用for语句:

const fruits = ["Apple", "Orange", "Kiwi", "Banana"];
for (let index=0; index < fruits.length; index++) {
    console.log(`${index}: ${fruits[index]}`);
}

一般情况下,推荐使用forEach方法。