js如何使用Array.from达到.map的效果

# js如何使用Array.from达到.map的效果

在JavaScript中，`Array.from()`通常用于将类数组对象转换为真实数组，但通过其第二个参数`mapFn`，可以轻松实现类似`.map()`的遍历转换功能。

## 基本用法对比

传统`.map()`方法：
```javascript
const arr = [1, 2, 3];
const doubled = arr.map(x => x * 2); // [2, 4, 6]

使用Array.from()实现：

const arr = [1, 2, 3];
const doubled = Array.from(arr, x => x * 2); // [2, 4, 6]

核心优势

1. 类数组转换+映射一步完成
   处理NodeList、arguments等类数组时特别高效：

   const divs = Array.from(document.querySelectorAll('div'), el => el.id);
   

2. 可指定this绑定
   第三个参数可设置回调函数的this值

注意事项

• 性能：对于纯数组操作，.map()通常更快
• 兼容性：Array.from()是ES6特性

适合需要同时处理类型转换和映射的场景，让代码更简洁。 “`