JS中的Array.from有什么用？怎么用？

array.from 是 javascript 中用于将类数组对象或可迭代对象转换为真正数组的方法。它适用于处理如 arguments 对象、nodelist 等类数组对象，以及 set、map、字符串等可迭代对象，例如 array.from('hello') 会将其拆分为字符数组。其完整语法为 array.from(arraylike, mapfn, thisarg)，其中 arraylike 是必须参数，mapfn 是可选的映射函数，thisarg 是执行 mapfn 时的 this 值。常见用法包括：1. 将 arguments 转换为数组；2. 将字符串拆分为字符数组；3. 将 set 或 map 转换为数组；4. 配合 map 函数进行元素转换。与展开运算符相比，array.from 的优势在于支持直接传入映射函数，并且在某些需要兼容旧浏览器的场景中可通过 polyfill 实现支持。

Array.from 是 JavaScript 中一个非常实用的方法，用来把类数组对象或者可迭代对象转换成真正的数组。简单来说，它能帮你快速从一些“像数组但不是数组”的东西里生成数组，方便后续操作。

什么情况下会用到 Array.from？

最常见的场景就是处理类数组对象（array-like objects）。比如函数内部的 arguments 对象、DOM 操作中获取的 NodeList 等，它们看起来像数组，有 length 属性，也能通过索引访问元素，但并不是真正的数组，因此不能直接使用 map、filter 这些数组方法。

这时候，Array.from 就派上用场了。例如：

function example() {  console.log(Array.isArray(arguments)); // false  const args = Array.from(arguments);  console.log(Array.isArray(args)); // true}example(1, 2, 3);

登录后复制