简述汇总ES6中数组新增了哪些扩展？

八股文_ES67 0 32

参考回答

ES6 引入了一些新的数组方法和特性，这些扩展增强了数组的功能，使得数组操作更加简便和高效。以下是一些主要的新增特性和方法：

Array.from()：将类数组对象（例如字符串、Map、Set 等）转换为真正的数组。
Array.of()：创建一个新的数组实例，数组的元素是通过传递的参数。
find()：返回数组中第一个符合条件的元素，如果没有找到则返回 undefined。
findIndex()：返回数组中第一个符合条件的元素的索引，如果没有找到则返回 -1。
fill()：用指定的值填充数组中的元素，可以指定起始和结束索引。
copyWithin()：将数组的一部分复制到数组的另一个位置。
entries()：返回一个包含数组索引和元素的键值对的数组迭代器。
keys()：返回数组索引的迭代器。
values()：返回数组元素的迭代器。
includes()：判断数组是否包含某个元素，返回布尔值。
flat()：将多维数组“拉平”为一维数组。
flatMap()：首先使用映射函数映射每个元素，然后将结果数组“拉平”成一个新的数组。

示例

Array.from() 示例：

// 将字符串转换为数组
const str = "hello";
const arr = Array.from(str);
console.log(arr); // 输出：["h", "e", "l", "l", "o"]

// 将 Set 转换为数组
const set = new Set([1, 2, 3]);
const arrFromSet = Array.from(set);
console.log(arrFromSet); // 输出：[1, 2, 3]

Array.of() 示例：

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

find() 示例：

const arr = [5, 12, 8, 130, 44];
const found = arr.find(element => element > 10);
console.log(found); // 输出：12

findIndex() 示例：

const arr = [5, 12, 8, 130, 44];
const index = arr.findIndex(element => element > 10);
console.log(index); // 输出：1

fill() 示例：

const arr = [1, 2, 3, 4, 5];
arr.fill(0, 2, 4);  // 从索引2到4填充0
console.log(arr); // 输出：[1, 2, 0, 0, 5]

copyWithin() 示例：

const arr = [1, 2, 3, 4, 5];
arr.copyWithin(0, 3, 4); // 从索引3到4复制到索引0
console.log(arr); // 输出：[4, 2, 3, 4, 5]

includes() 示例：

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

flat() 示例：

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

flatMap() 示例：

const arr = [1, 2, 3];
console.log(arr.flatMap(x => [x, x * 2])); // 输出：[1, 2, 2, 4, 3, 6]

详细讲解与拓展

Array.from()
- Array.from() 方法不仅可以将类数组对象转换为数组，还可以接受一个映射函数作为第二个参数，类似于 .map()，使得在转换的过程中对元素进行操作。
- 示例：
```
const str = "12345";
const arr = Array.from(str, num => num * 2);
console.log(arr); // 输出：[2, 4, 6, 8, 10]
```
Array.of()
- Array.of() 方法总是返回一个包含传入参数的新数组，无论参数的数量是多少。这与 Array 构造函数不同，后者如果只传入一个数字会创建一个具有该长度的空数组。
- 示例：
```
const arr = Array(5); // 创建长度为5的空数组
const arr2 = Array.of(5); // 创建包含5的数组
console.log(arr); // 输出：[empty, empty, empty, empty, empty]
console.log(arr2); // 输出：[5]
```
find() 和 findIndex()
- find() 返回符合条件的第一个元素，而 findIndex() 返回该元素的索引。如果没有找到，find() 返回 undefined，findIndex() 返回 -1。
- 这两个方法非常适合用于查找数组中的特定元素。
fill() 和 copyWithin()
- fill() 是一种修改数组的方式，它会用指定的值填充数组的特定位置，常用于数组初始化。
- copyWithin() 用于复制数组的一部分到数组的其他位置，常用于数据处理或对数组内容进行修改。
flat() 和 flatMap()
- flat() 方法将多维数组“拉平”为一维数组，可以通过传递一个深度参数来指定拉平的层数。
- flatMap() 首先对数组中的每个元素进行映射，然后将结果“拉平”成一个新的数组。它的作用是结合了 .map() 和 .flat() 的功能。

总结

ES6 中的数组扩展提供了更多强大的功能，简化了数组操作和数据处理。通过使用如 Array.from()、Array.of()、find()、fill() 等方法，开发者可以更加灵活和高效地操作数组，同时处理数组时也更加简洁易懂。这些扩展让数组的功能更加全面，提升了代码的可读性和可维护性。

参考回答

示例

详细讲解与拓展

总结

发表评论 取消回复

发表评论取消回复