前言
数组是前端开发中非常重要的数据类型之一，它可以帮助我们存储数据，并进行各种操作。ES6 中提供了 Array.from 和 Array.of 方法，让数组的使用变得更加方便和灵活。在本文中，我们将详细介绍这两个方法的使用及其指导意义。
Array.from
Array.from 可以将类似数组的对象（包括 NodeList、字符串等对象）和可迭代对象（Iterator）转换为真正的数组。
语法：
Array.from(arrayLike[, mapFunction[, thisArg]])
- arrayLike：类似数组的对象
- mapFunction：可选参数，对每个元素进行操作的函数
- thisArg：可选参数，执行 mapFunction 时 this 的指向对象
示例：
const arrLike = { 0: 'a', 1: 'b', 2: 'c', length: 3 };
const arr = Array.from(arrLike); // ['a', 'b', 'c']const nodeList = document.querySelectorAll('p');
const arr = Array.from(nodeList); // 将 NodeList 转换为真正的数组const arr = Array.from([1, 2, 3], x => x + x); // [2, 4, 6]
从示例中我们可以看到，Array.from 可以将类似数组的对象和可迭代对象转换为真正的数组，并且可以对每个元素进行操作。这对于日常开发中的数据处理非常有帮助。
Array.of
Array.of 可以创建一个数组，并将其中的参数作为数组的元素填充进去。
语法：
Array.of(element0[, element1[, ...[, elementN]]])
示例：
const arr1 = Array.of(3); // [3] const arr2 = Array.of(1, 2, 3); // [1, 2, 3]
从示例中我们可以看到，Array.of 可以创建一个数组，并将其中的参数作为数组的元素填充进去。它可以帮助我们快速创建一个数组，并填充初始值。
指导意义
通过学习和了解 Array.from 和 Array.of 的语法和使用方式，可以帮助我们更加灵活和高效地使用数组。我们可以在日常开发中，使用它们来快速处理数组相关的问题。
同时，学习这两个方法之前，需要了解数组相关的操作及其底层原理。只有深入了解了数组相关的知识，才能更加深入地理解和应用这两个方法。
结论
ES6 中的 Array.from 和 Array.of 让数组的使用变得更加方便和灵活。我们可以通过这两个方法，快速处理数组相关的问题，提高开发效率。同时，了解数组的相关知识，才能更加深入地理解和应用这两个方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f86786c5c563ced5c32001