Array.from用法
时间: 2023-09-08 12:15:36 浏览: 134
Array.from是一个静态方法,它用于从类似数组或可迭代对象中创建一个新的数组实例。它接受一个类数组对象或可迭代对象作为第一个参数,并可选地接受一个映射函数作为第二个参数。
例如,我们可以使用Array.from将字符串转换为字符数组:
```javascript
const str = 'hello';
const arr = Array.from(str);
console.log(arr); // ['h', 'e', 'l', 'l', 'o']
```
我们还可以将类似数组的对象(如NodeList)转换为真正的数组:
```javascript
const nodeList = document.querySelectorAll('div');
const arr = Array.from(nodeList);
console.log(arr); // [div, div, div, ...]
```
另外,我们还可以使用Array.from配合映射函数来对数组进行转换或处理:
```javascript
const arr = [1, 2, 3, 4];
const transformedArr = Array.from(arr, item => item * 2);
console.log(transformedArr); // [2, 4, 6, 8]
```
在上面的示例中,我们将原始数组中的每个元素乘以2,并将结果存储在新的数组中。
总而言之,Array.from是一个非常有用的方法,它可以帮助我们从不同类型的对象创建新的数组,并且可以通过映射函数对数组进行转换或处理。
阅读全文