Array.from 创建数组

Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组实例。它接受两个参数：第一个参数是要转换的对象，而第二个参数是一个可选的映射函数，用于对每个元素进行转换操作。

举个例子，假设我们有一个类似数组的对象，比如字符串。我们可以使用 Array.from() 方法将其转换为一个新的数组：

const str = "hello";
const arr = Array.from(str);
console.log(arr); // ["h", "e", "l", "l", "o"]

在这个例子中，我们将字符串 "hello" 转换为一个新的数组，每个字符都成为数组的一个元素。

我们还可以传递一个映射函数作为 Array.from() 的第二个参数，对每个元素进行转换操作：

const str = "hello";
const arr = Array.from(str, (char) => char.toUpperCase());
console.log(arr); // ["H", "E", "L", "L", "O"]

在这个例子中，我们使用映射函数将字符串中的每个字符转换为大写，并将其存储在新数组中。

Array.from() 方法还支持类似数组的对象和可迭代对象，比如 NodeList、Set、Map 等等。它是一个非常有用的方法，用于将各种类型的数据转换为数组。

相关问题

Array.from生成数组

Array.from方法可以用来将类数组对象或可迭代对象转换为真正的数组。\[2\]它接受一个可迭代对象作为参数，并返回一个新的数组。例如，我们可以使用Array.from方法将Set结构转换为数组。\[2\]另外，Array.from方法还可以接受一个映射函数作为第二个参数，用于对数组中的每个元素进行处理。这个映射函数可以是箭头函数。\[2\]总的来说，Array.from方法是一个非常有用的方法，可以方便地将其他类型的数据转换为数组。
#### 引用[.reference_title]
- *1* *3* [Array.from和Array.of 方法创建数组(ES6)](https://blog.csdn.net/weixin_44028879/article/details/111475179)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [Array.from()的使用方法(数组去重，伪数组转为数组，数组浅克隆)，Set和Map数据结构](https://blog.csdn.net/yangaoyuan1999/article/details/119993661)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

ES6数组方法Array.from Array.of的区别

ES6中的`Array.from`和`Array.of`都是用于处理数组的方法，但它们有不同的功能和用途。

`Array.from`方法用于将类似数组或可迭代对象转换为新的数组实例。它接受两个参数：第一个参数是要转换的类似数组或可迭代对象，第二个参数是一个可选的映射函数，用于对每个元素进行处理。它返回一个新的数组，其中包含传入参数的所有元素。例如：

const str = 'hello';
const arr = Array.from(str);
console.log(arr); // ['h', 'e', 'l', 'l', 'o']

`Array.of`方法用于创建一个包含任意数量参数的新数组实例。它接受任意数量的参数，并将它们作为数组的元素。与`Array`构造函数不同，`Array.of`不会根据参数的数量来确定数组的长度。例如：

const arr1 = Array.of(1, 2, 3);
console.log(arr1); // [1, 2, 3]

const arr2 = Array.of(3);
console.log(arr2); // [3]，而不是长度为3的空数组

总结来说，`Array.from`用于将类似数组或可迭代对象转换为数组，而`Array.of`用于创建包含任意数量参数的新数组实例。