ECMAScript 是 JavaScript 语言的标准化组织，该组织每年都会发布新版本的标准，包括新的语法和 API 等特性。在 ECMAScript 2017 中，引入了对象的 Array.from() 方法和 Array.of() 方法，本文将详细介绍这两个方法的使用方法及示例代码。
Array.from()
Array.from() 方法用于将类数组对象或可迭代对象转化为真正的数组。该方法的语法如下：
Array.from(arrayLike[, mapFn[, thisArg]])
其中，arrayLike 为要转化的类数组或可迭代对象，mapFn 是可选的映射函数，该函数接收原始数组中的每个元素，并返回新数组中该元素的替代值。thisArg 是可选的参数，用于指定 mapFn 函数中 this 的值。
示例代码：
-- -------------------- ---- ------- -- --------- ----- --- - ------ ------ ----- --- - --------------- ---------------- -- ----- ---- ---- ---- ---- - -- ---- ---- ---- ---- ---- -- - --- ----- ----- --- - --- ------- -- --- ----- ---- - --------------- - -- - - -- ----------------- -- --- -- --
在示例代码中，我们将字符串和 Set 对象转化为了真正的数组，并在 Set 中使用了映射函数。
Array.of()
Array.of() 方法用于创建一个新数组，该数组包含传入的所有参数。该方法的语法如下：
Array.of(element0[, element1[, ...[, elementN]]])
其中，element0 到 elementN 为要创建的数组的元素。
示例代码：
const arr2 = Array.of(1, 2, 3)
console.log(arr2) // [1, 2, 3]
const arr3 = Array.of('hello', 'world')
console.log(arr3) // ['hello', 'world']在示例代码中，我们创建了两个数组，一个包含了数字元素，一个包含了字符串元素。
总结
在 ECMAScript 2017 中，对象的 Array.from() 方法和 Array.of() 方法提供了便捷的数组转化和数组创建方式。本文详细介绍了这两个方法的使用方法及示例代码，希望能为前端开发者提供参考和帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6486821948841e9894510ac5