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 文档。

你可能感兴趣的:(web开发学习日志7-数组)