系列
JavaScript教程
Array
2018-03-04大约4分钟
数组可以保存一个或多个值或对象。
创建数组
创建数组有两种方式,[]
运算符和new Array()
1.[]
运算符
const fruits = [];
fruits.push("Apple");
fruits.push("Orange");
console.log(fruits);
- 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
方法。