ES7 中的 Array.of()
在 ES6 的时候，JavaScript 引入了一种新的方式来创建数组：Array.from() 方法。这个方法可以接收一个类数组对象或可迭代对象，并将其转换成一个真正的数组。虽然 Array.from() 方法已经很方便了，但是在某些情况下可能无法满足需求。这时候，我们可以使用 ES7 中的 Array.of() 方法来创建数组。
Array.of() 方法可以接收任意数量的参数，并将它们作为元素创建一个新的数组。例如，要创建一个包含 3 个元素的数组，可以使用以下代码：
const myArray = Array.of(1, 2, 3); console.log(myArray); // [1, 2, 3]
需要注意的是，Array.of() 方法与 Array() 构造函数的行为不同。如果只传递一个数字参数给 Array() 构造函数，该参数将指定数组的长度。而且如果传递多个参数，它们将被视为数组的元素。但是，当创建只有一个元素的数组时，这种行为可能会导致一些问题。例如：
const myArray1 = Array(3); // [,,,] const myArray2 = Array(1, 2, 3); // [1, 2, 3]
数组 myArray1 由三个 undefined 元素组成，而不是包含三个元素的数组。而 myArray2 包含了所有传递的参数，因为 Array() 构造函数会自动将它们转换成元素。这种行为在某些情况下可能不是我们想要的。
而 Array.of() 方法则能够避免这个问题。以下是一些使用 Array.of() 方法的示例：
-- -------------------- ---- ------- -- ----------- ----- -------- - ------------- ---------------------- -- ---- -- ------------ ----- -------- - - ------- -- -- ------ -- ------ -- ----- -- ----- -------- - --------------------- ---------------------- -- ------- ------ ------ -- --------- ----- -------- - ----------- -------- --- --- ------ --------- ---------------------- -- --- -------- --- --- ------ --------
总结
Array.of() 方法是 ES7 新增的方法，可以创建一个由任意数量元素组成的数组。它与 Array() 构造函数的行为不同，避免了在创建只有一个元素的数组时可能出现的问题。同时，Array.from() 方法也是一个很强大的方法，它可以将一个类数组对象或可迭代对象转换成一个真正的数组。掌握这些方法，将会使我们的编码工作更加高效、简洁。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649907a348841e98945fa863