JavaScript数组

简介

数组是一种特殊的变量，它能够一次存放一个以上的值。

创建数组

语法：

var array-name = [item1, item2, ...];

实例

var cars = ["Saab", "Volvo", "BMW"];

空格和折行并不重要。声明可横跨多行：

实例

var cars = [
    "Saab",
    "Volvo",
    "BMW"
];

访问数组元素

通过引用索引号（下标号）来引用某个数组元素。

这条语句访问 cars 中的首个元素的值：

var name = cars[0];        

访问完整数组

通过 JavaScript，可通过引用数组名来访问完整数组：

实例

var cars = ["Saab", "Volvo", "BMW"];
document.getElementById("demo").innerHTML = cars; 

遍历数组

遍历数组的最安全方法是使用 "for" 循环：

实例

var fruits, text, fLen, i;

fruits = ["Banana", "Orange", "Apple", "Mango"];
fLen = fruits.length;
text = "<ul>";
for (i = 0; i < fLen; i++) {
     text += "<li>" + fruits[i] + "</li>";
} 

返回

• Banana

• Orange

• Apple

• Mango

也可以使用 Array.foreach() 函数：

实例
var fruits, text;
fruits = ["Banana", "Orange", "Apple", "Mango"];

text = "<ul>";
fruits.forEach(myFunction);
text += "</ul>";

function myFunction(value) {
  text += "<li>" + value + "</li>";
}

返回

• Banana

• Orange

• Apple

• Mango

 

数组和对象的区别

在 JavaScript 中，数组使用数字索引。

在 JavaScript 中，对象使用命名索引。

数组是特殊类型的对象，具有数字索引。

何时使用数组，何时使用对象？

• JavaScript 不支持关联数组

• 如果希望元素名为字符串（文本）则应该使用对象。

• 如果希望元素名为数字则应该使用数组。