温馨提示×

ES6中array.from的用法是什么

es6
小亿
81
2023-12-25 16:57:53
栏目: 编程语言

ES6中的Array.from()方法用于将类似数组或可迭代对象转换为真正的数组。

它接受两个参数:第一个参数是要转换的类似数组或可迭代对象,第二个参数是一个可选的映射函数,用于对每个元素进行处理。

下面是一些使用Array.from()方法的示例:

  1. 将字符串转换为数组:
const str = 'hello';
const arr = Array.from(str);
console.log(arr); // ["h", "e", "l", "l", "o"]
  1. 将类似数组的DOM集合转换为数组:
const divs = document.querySelectorAll('div');
const arr = Array.from(divs);
console.log(arr); // [div, div, div, ...]
  1. 使用映射函数对元素进行处理:
const nums = [1, 2, 3, 4];
const squareArr = Array.from(nums, num => num * num);
console.log(squareArr); // [1, 4, 9, 16]

在上面的示例中,Array.from()方法将字符串、DOM集合和数组转换为真正的数组,同时还可以使用映射函数对数组元素进行处理。

0