ES6 新增的创建数组的方法(小结)

关于ES6新增的创建数组的方法，我可以给你提供一份完整的攻略。

概述

ES6新增了两种方式来创建数组，分别是“Array.from”和“Array.of”。

Array.from

Array.from方法可以接收可迭代对象（比如集合和映射）或类数组对象（比如DOM节点列表）作为第一个参数，然后将其转换为一个新的数组并返回。

// 创建字符串为参数的集合
let strSet = new Set('hello world');
// 利用Array.from创建一个数组
let arr = Array.from(strSet);
// 输出结果 ["h", "e", "l", "o", " ", "w", "r", "d"]

// 创建一个DOM节点列表
let nodeList = document.querySelectorAll('p');
// 使用Array.from创建一个数组，并返回节点的textContent
let textArr = Array.from(nodeList, node => node.textContent);

上面代码中，我们可以看到Array.from可以接收一个集合或者一个DOM节点列表作为参数。我们也可以通过第二个参数来做更多的操作，比如我们可以使用箭头函数来返回一个节点列表的textContent属性值组成的数组。

Array.of

Array.of方法可以用来创建一个新数组，并接收任意数量的参数。它将这些参数作为数组的元素，然后返回一个新的数组。这非常有用，因为在JS中创建包含任意数量元素的数组并不是一件容易的事情。

// 创建一个包含三个数字的数组
let numArr = Array.of(1, 2, 3);
// 输出结果 [1, 2, 3]

// 创建一个数组，其中包含一个字符串和一个数字
let mixedArr = Array.of('hello', 2);
// 输出结果 ["hello", 2]

通过上面的示例，我们可以看到Array.of方法的效果会比我们使用普通的数组字面量来创建数组更加的简单明了。

结论

通过使用ES6新增的Array.from和Array.of方法，我们可以更加方便的创建数组，并且在创建数组的时候也可以使用更加灵活的方式。