ES6数组笔记

ES6引入了一些新的数组方法，使数组的操作更加便捷。本文将介绍ES6中数组的各种使用方法和示例。

1.数组的解构赋值

ES6中允许使用解构赋值来从数组中获取数据。这使得代码更加简洁易读。

示例：

let [a, b] = [1, 2];
console.log(a); // 输出1
console.log(b); // 输出2

2.扩展运算符

ES6中的扩展运算符可以将一个数组转换为用逗号分隔的参数序列，或者将多个参数组合成一个数组。

示例：

// 将一个数组转换为用逗号分隔的参数序列
console.log(...[1, 2, 3]); // 输出1 2 3

// 将多个参数组合成一个数组
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [...arr1, ...arr2];
console.log(arr3); // 输出[1, 2, 3, 4, 5, 6]

3.数组的find()方法

ES6中的数组方法find()可以用来查找数组中符合条件的第一个元素，并返回该元素的值。如果数组中不存在符合条件的元素，则返回undefined。

示例：

let arr = [1, 2, 3, 4, 5];
let result = arr.find(function(value, index, arr) {
    return value > 3;
});
console.log(result); // 输出4

4.数组的includes()方法

ES6中的数组方法includes()可以用来判断一个数组是否包含某个元素，返回值为true或false。

示例：

let arr = [1, 2, 3, 4, 5];
let result = arr.includes(3);
console.log(result); // 输出true

5.数组的entries()方法

ES6中的数组方法entries()返回一个迭代器对象，可以用来遍历数组的索引和值。

示例：

let arr = ['a', 'b', 'c'];
let iterator = arr.entries();

for (let [index, elem] of iterator) {
    console.log(index, elem);
}
// 输出0 "a"
// 输出1 "b"
// 输出2 "c"

6.数组的from()方法

ES6中的数组方法from()可以将类似数组的对象转换成数组。

示例：

let obj = {
    '0': 'a',
    '1': 'b',
    '2': 'c',
    length: 3
};
let arr = Array.from(obj);
console.log(arr); // 输出["a", "b", "c"]

7.数组的of()方法

ES6中的数组方法of()可以用来创建一个包含任意参数的新数组。

示例：

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

8.数组的fill()方法

ES6中的数组方法fill()可以用来填充数组，并返回修改后的数组。

示例：

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

9.数组的flat()方法

ES6中的数组方法flat()可以用来将一个多维数组转换为一个一维数组，并返回新的一维数组。

示例：

let arr = [1, 2, [3, 4, [5, 6]]];
let result = arr.flat(2);
console.log(result); // 输出[1, 2, 3, 4, 5, 6]