ES6中array.from的用法是什么

es6
小億
84
2023-12-25 16:57:53

ES6中的Array.from()方法用于將類似數(shù)組或可迭代對(duì)象轉(zhuǎn)換為真正的數(shù)組。

它接受兩個(gè)參數(shù)：第一個(gè)參數(shù)是要轉(zhuǎn)換的類似數(shù)組或可迭代對(duì)象，第二個(gè)參數(shù)是一個(gè)可選的映射函數(shù)，用于對(duì)每個(gè)元素進(jìn)行處理。

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

  1. 將字符串轉(zhuǎn)換為數(shù)組：
const str = 'hello';
const arr = Array.from(str);
console.log(arr); // ["h", "e", "l", "l", "o"]
  1. 將類似數(shù)組的DOM集合轉(zhuǎn)換為數(shù)組：
const divs = document.querySelectorAll('div');
const arr = Array.from(divs);
console.log(arr); // [div, div, div, ...]
  1. 使用映射函數(shù)對(duì)元素進(jìn)行處理：
const nums = [1, 2, 3, 4];
const squareArr = Array.from(nums, num => num * num);
console.log(squareArr); // [1, 4, 9, 16]

在上面的示例中，Array.from()方法將字符串、DOM集合和數(shù)組轉(zhuǎn)換為真正的數(shù)組，同時(shí)還可以使用映射函數(shù)對(duì)數(shù)組元素進(jìn)行處理。

0 踩