ES6（3） 数组详解

1. 数组的定义

在 ES6 中，数组是一种用于存储多个值的数据结构，可以使用 [] 进行定义。

let arr = [1, 2, 3];
console.log(arr); // 输出：[1, 2, 3]

2. 数组的基本操作

2.1 末尾添加元素（push）

push() 方法用于在数组末尾添加一个或多个元素，并返回新的数组长度。

let arrlength = arr.push(4, 5);
console.log(arrlength); // 输出：5

2.2 头部添加元素（unshift）

unshift() 方法用于在数组开头添加一个或多个元素，并返回新的数组长度。

arrlength = arr.unshift(-1, 0);
console.log(arrlength); // 输出：7

2.3 删除第一个元素（shift）

shift() 方法用于删除数组的第一个元素，并返回该元素。

let del = arr.shift();
console.log(del); // 输出：-1

2.4 删除最后一个元素（pop）

pop() 方法用于删除数组的最后一个元素，并返回该元素。

del = arr.pop();
console.log(del); // 输出：5

2.5 按索引删除元素（splice）

splice(start, deleteCount) 方法用于删除指定索引位置的若干个元素，并返回被删除的元素数组。

let delArr = arr.splice(2, 2);
console.log(delArr); // 输出：[2, 3]

3. 数组排序和反转

3.1 反转数组（reverse）

reverse() 方法用于颠倒数组中的元素顺序。

let verseArr = arr.reverse();
console.log(verseArr); // 输出：[4, 1]

3.2 按字母排序（sort）

sort() 方法用于按字母顺序对数组进行排序。

let nameArr = ["andy", "theodore", "kimmy", "code"];
let newArr1 = nameArr.sort();
console.log(newArr1); // 输出：["andy", "code", "kimmy", "theodore"]

3.3 按数字大小排序

默认的 sort() 方法按照 Unicode 字符编码排序，若要按数字大小排序，需要传入一个比较函数。

let newArr2 = verseArr.sort((a, b) => a - b);
console.log(newArr2); // 输出：[1, 4]

4. 数组的筛选和合并

4.1 筛选符合条件的元素（filter）

filter() 方法用于筛选数组中的符合条件的元素，并返回新的数组。

let newArr3 = arr.filter((value) => {
    return value > 2;
});
console.log(newArr3); // 输出：[4]

4.2 组合数组（concat）

concat() 方法用于合并多个数组或值，返回一个新数组。

let newArr4 = newArr3.concat(arr, arrlength, 333, 334);
console.log(newArr4); // 输出：[4, 4, 1, 7, 333, 334]

5. 遍历数组

5.1 使用 for...of 遍历数组

for...of 语法可用于遍历数组的值。

for (let newArr5 of newArr4) {
    console.log(newArr5);
}

5.2 使用 forEach 遍历数组

forEach() 方法用于遍历数组中的元素，并可获取索引。

newArr4.forEach((value, index) => {
    console.log(value, index);
});

6. 结语

        ES6 为数组提供了丰富的操作方法，使得数据处理更加高效。掌握这些数组方法，可以极大提升 JavaScript 编程的能力，帮助开发者编写更简洁、可读性更高的代码。