重新回顾JS的笔记系列（六）
1.数组
作为一种特殊的数据结构，数组（Array）能存储有序的集合。
- 声明
创建一个空数组有两种语法：
let arr = new Array();
let arr = [];
例子：
let fruits = ["Apple", "Orange", "Plum"];
alert( fruits[0] ); // Apple
alert( fruits[1] ); // Orange
alert( fruits[2] ); // Plum
- 基本操作
我们可以通过方括号中的数字获取元素：
let fruits = ["Apple", "Orange", "Plum"];
alert( fruits[0] ); // Apple
alert( fruits[1] ); // Orange
alert( fruits[2] ); // Plum
可以替换元素：
fruits[2] = 'Pear'; // 现在变成了 ["Apple", "Orange", "Pear"]
……或者向数组新加一个元素：
fruits[3] = 'Lemon'; // 现在变成 ["Apple", "Orange", "Pear", "Lemon"]
length 属性的值是数组中元素的总个数：
let fruits = ["Apple", "Orange", "Plum"];
alert( fruits.length ); // 3
也可以用 alert 来显示整个数组。
let fruits = ["Apple", "Orange", "Plum"];
alert( fruits ); // Apple,Orange,Plum
数组可以存储任何类型的元素。
例如:
// 混合值
let arr = [ 'Apple', { name: 'John' }, true, function() { alert('hello'); } ];
// 获取索引为 1 的对象然后显示它的 name
alert( arr[1].name ); // John
// 获取索引为 3 的函数并执行
arr[3](); // hello
- 新特性（获取最后一个元素）
简短的语法 fruits.at(-1)：
let fruits = ["Apple", "Orange", "Plum"];
// 与 fruits[fruits.length-1] 相同
alert( fruits.at(-1) ); // Plum
换句话说，arr.at(i)：
-
如果
i >= 0，则与arr[i]完全相同。 -
对于
i为负数的情况，它则从数组的尾部向前数。 -
循环
遍历数组一开始使用的是for循环，但在JS当中则可以使用for···of来进行元素值的便利（不能获取当前元素的索引）
let fruits = ["Apple", "Orange", "Plum"];
// 遍历数组元素
for (let fruit of fruits) {
alert( fruit );
}
- JS中数组作为双端队列
JavaScript 中的数组既可以用作队列，也可以用作栈。它们允许你从首端/末端来添加/删除元素。
这在计算机科学中，允许这样的操作的数据结构被称为双端队列。
2.数组的各种操作
- pop操作
取出并返回数组的最后一个元素：
let fruits = ["Apple", "Orange", "Pear"];
alert( fruits.pop() ); // 移除 "Pear" 然后 alert 显示出来
alert( fruits ); // Apple, Orange
2.push操作
在数组末端添加元素：
let fruits = ["Apple", "Orange"];
fruits.push("Pear");
alert( fruits ); // Apple, Orange, Pear
- shift操作
取出数组的第一个元素并返回它：
let fruits = ["Apple", "Orange", "Pear"];
alert( fruits.shift() ); // 移除 Apple 然后 alert 显示出来
alert( fruits ); // Orange, Pear
- unshift操作
在数组的首端添加元素：
let fruits = ["Orange", "Pear"];
fruits.unshift('Apple');
alert( fruits ); // Apple, Orange, Pear
注意：push 和 unshift 方法都可以一次添加多个元素：
let fruits = ["Apple"];
fruits.push("Orange", "Peach");
fruits.unshift("Pineapple", "Lemon");
// ["Pineapple", "Lemon", "Apple", "Orange", "Peach"]
alert( fruits );
push/pop 方法运行的比较快，而 shift/unshift 比较慢。
- splice操作：
作用为删除指定元素。
格式：
arr.splice(start,deleteCount)//第一个位置为起始位置，第二个为结束位置，写的内容是数组的下标。
同时，也可以在后面添加元素来填充数组。
例子：
let arr = ["I", "study", "JavaScript", "right", "now"];
// 删除数组的前三项，并使用其他内容代替它们
arr.splice(0, 3, "Let's", "dance");
alert( arr ) // 现在 ["Let's", "dance", "right", "now"]
同样可以使用splice来插入元素
我们可以将 deleteCount 设置为 0，splice 方法就能够插入元素而不用删除任何元素：
let arr = ["I", "study", "JavaScript"];
// 从索引 2 开始
// 删除 0 个元素
// 然后插入 "complex" 和 "language"
arr.splice(2, 0, "complex", "language");
alert( arr ); // "I", "study", "complex", "language", "JavaScript"
注意：使用splice是可以达成负向索引的：
let arr = [1, 2, 5];
// 从索引 -1（尾端前一位）
// 删除 0 个元素，
// 然后插入 3 和 4
arr.splice(-1, 0, 3, 4);
alert( arr ); // 1,2,3,4,5
- slice方法
语法是：
arr.slice([start], [end])
它会返回一个新数组，将所有从索引 start 到 end（不包括 end）的数组项复制到一个新的数组。start 和 end 都可以是负数，在这种情况下，从末尾计算索引。
它和字符串的 str.slice 方法有点像，就是把子字符串替换成子数组。
例如：
let arr = ["t", "e", "s", "t"];
alert( arr.slice(1, 3) ); // e,s（复制从位置 1 到位置 3 的元素）
alert( arr.slice(-2) ); // s,t（复制从位置 -2 到尾端的元素）
- concat方法
arr.concat创建一个新数组，其中包含来自于其他数组和其他项的值。
语法：
arr.concat(arg1, arg2...)
例如：
let arr = [1, 2];
// 从 arr 和 [3,4] 创建一个新数组
alert( arr.concat([3, 4]) ); // 1,2,3,4
// 从 arr、[3,4] 和 [5,6] 创建一个新数组
alert( arr.concat([3, 4], [5, 6]) ); // 1,2,3,4,5,6
// 从 arr、[3,4]、5 和 6 创建一个新数组
alert( arr.concat([3, 4], 5, 6) ); // 1,2,3,4,5,6
- 遍历方法for···of
遍历数组一开始使用的是for循环，但在JS当中则可以使用for···of来进行元素值的便利（不能获取当前元素的索引）
let fruits = ["Apple", "Orange", "Plum"];
// 遍历数组元素
for (let fruit of fruits) {
alert( fruit );
}
- 遍历方法forEach
arr.forEach方法允许为数组的每个元素都运行一个函数。
语法：
arr.forEach(function(item, index, array) {
// ... do something with item
});
例如，下面这个程序显示了数组的每个元素：
// 对每个元素调用 alert
["Bilbo", "Gandalf", "Nazgul"].forEach(alert);
———————-未完
Last modified on 2023-03-08