web开发学习日志7-数组

之前学习过数字、字符串、布尔值等数据类型，它们都是单一的数据结构。如果将大量的数据存储在一个地方或者一个变量中，无疑会带来很多便利性。数组就是这样一个可以保存多个数据值的数据结构，类似于列表。

创建数组

列出所有数据，用逗号隔开，放入[ ]里，方括号里面的数据可以是：

• 字符串
• 数字
• 布尔值
• 以上三种任意组合
• 其它

示例1，单一数据类型数组：

// 用三个字符串创建一个 fruits 数组
var fruits = ["apple", " banana", "blueberry"];

示例2，混合数据类型数组：

// 用不同数据类型创建一个 mixedData 数组
var mixedData = ["apple", 3, true, null, "Hello"];

示例3，也可以在数组中存储数组，创建嵌套数组：

// 用三个数组创建 arraysInArrays 数组
var arraysInArrays = [
[1, 2, 3, 4, 5],
["apple", " banana", "blueberry"],
["apple", 3, true, null, "Hello"]
];

访问数组元素

这里的元素和html里不同，表示数组里每一个数据片段。可以通过索引访问每一个元素，注意索引编号是从0开始的。

var fruits = ["apple", " banana", "blueberry"];
console.log(fruits[0]); // "apple"是 "fruits"数组中的一个元素

输出结果："apple"

注意：如果访问不存在的索引位置元素，系统返回 undifined

如果想更改某个元素的值，可以将其设置为新值，方法如下：

var fruits = ["apple", " banana", "blueberry"];
fruits[0] = "orange"; //将数组第一个元素改为 "orange"
console.log(fruits[0]);

输出结果："orange"

数组属性

• Array.length，通过该属性可以知道数组里面元素的个数（数组长度）。

var fruits = ["apple", " banana", "blueberry"];
console.log(fruits.length);

输出结果： 3

数组方法

• push，向数组的末尾添加元素，添加后会返回数组长度

var fruits = ["apple", " banana", "blueberry"];
fruits.push("orange");

返回：4

• pop，删除数组末尾的元素，然后返回该元素，以防需要使用该元素

var fruits = ["apple", " banana", "blueberry"];
fruits.pop();

返回："blueberry"

• splice， 可以指定索引位置以删除和添加新的元素。该方法有3个参数，第1个参数表示你要从哪个索引开始更改数组，第2个参数表示你要删除的元素数量，剩下的参数表示你要添加的元素。

var fruits = ["apple", " banana", "blueberry"];
fruits.splice(1, 1, "orange", "peach"); // 删除索引1处的 "banana" ，并从索引1开始添加 "orange" 和 "peach"

返回：[" banana"]
fruits数组变为 ["apple","orange", "peach", "blueberry"]

以上仅列举较常见的属性和方法，更多内容可以参考 MDN 文档。