松软科技web课堂:JavaScript 数组

JavaScript 数组用于在单一变量中存储多个值。

实例

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

什么是数组？

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

如果您有一个项目清单（例如，汽车品牌列表），在单个变量中存储汽车品牌应该是这样的：

var car1 = "Saab"; var car2 = "Volvo"; var car3 = "BMW";

不过，假如您希望遍历所有汽车并找到一个特定的值？假如不是三个汽车品牌而是三百个呢？

解决方法就是数组！

数组可以用一个单一的名称存放很多值，并且还可以通过引用索引号来访问这些值。

创建数组

使用数组文本是创建 JavaScript 数组最简单的方法。

语法：

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

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

访问数组元素

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

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

var name = cars[0];

cars[0] = "Opel";

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

[0] 是数组中的第一个元素。[1] 是第二个。数组索引从 0 开始。

访问完整数组

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

实例

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

数组是对象

但是，JavaScript 数组最好以数组来描述。

数组使用数字来访问其“元素”。在本例中，

数组：

var person = ["Bill", "Gates", 62];

对象使用名称来访问其“成员”。在本例中，

对象：

var person = {firstName:"John", lastName:"Doe", age:46};

数组元素可以是对象

JavaScript 变量可以是对象。数组是特殊类型的对象。

正因如此，您可以在相同数组中存放不同类型的变量。

您可以在数组保存对象。您可以在数组中保存函数。你甚至可以在数组中保存数组：

myArray[0] = Date.now; myArray[1] = myFunction; myArray[2] = myCars;

数组属性和方法

JavaScript 数组的真实力量隐藏在数组的属性和方法中：

实例

var x = cars.length;   // length 属性返回元素的数量 var y = cars.sort();   // sort() 方法对数组进行排序

我们将在下一章学习数组方法。

length 属性

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.length;

访问第一个数组元素

实例

fruits = ["Banana", "Orange", "Apple", "Mango"]; var first = fruits[0];

fruits = ["Banana", "Orange", "Apple", "Mango"]; var last = fruits[fruits.length - 1];

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>"; }

Array.foreach()

var fruits, text; fruits = ["Banana", "Orange", "Apple", "Mango"];  text = "<ul>"; fruits.forEach(myFunction); text += "</ul>";  function myFunction(value) {   text += "<li>" + value + "</li>"; }

push()

var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.push("Lemon");                // 向 fruits 添加一个新元素 (Lemon)

length

var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits[fruits.length] = "Lemon";     // 向 fruits 添加一个新元素 (Lemon)

var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits[6] = "Lemon";

var person = []; person[0] = "Bill"; person[1] = "Gates"; person[2] = 62; var x = person.length;          // person.length 返回 3 var y = person[0];              // person[0] 返回 "Bill"

var person = []; person["firstName"] = "Bill"; person["lastName"] = "Gates"; person["age"] = 62; var x = person.length;         // person.length 将返回 0 var y = person[0];              // person[0] 将返回 undefined

fruits = ["Banana", "Orange", "Apple", "Mango"]; var first = fruits[0];

来源：博客园

作者：施少壮

链接：https://www.cnblogs.com/sysoft/p/11675576.html

标签

科技