在前端开发中，我们常常需要将类似数组的对象转换成真正的数组。前端开发者 @59naga 创建了 npm 包 @59naga/array.from，可以帮助我们快速而方便地实现这一需求。
安装和导入
在使用 @59naga/array.from 之前，我们需要先进行安装。在命令行中输入以下代码即可完成安装：
npm install @59naga/array.from
安装完成后，我们就可以在项目中导入该包，例如：
const arrayFrom = require('@59naga/array.from');或者使用 ES6 的方式：
import arrayFrom from '@59naga/array.from';
现在，我们已经准备好使用 @59naga/array.from 了！
使用方式
arrayFrom 接收两个参数，分别是类似数组的对象和一个可选的映射函数。
arrayFrom(arrayLike[, mapFunction])
其中，arrayLike 是需要转换成数组的类数组对象，mapFunction 是用于对每个元素进行转换的函数。如果没有提供 mapFunction，则转换后的数组的每个元素将与原对象中的元素一一对应。
当我们只需要将类数组对象转换成数组时，我们可以只传入第一个参数：
-- -------------------- ---- ------- ----- ----- - - -- ------ -- ------ -- ------ ------- - -- ----- ------- - ----------------- --------------------- -- ---------- ------ ------
当我们传入第二个参数时，可以对每个元素进行转换。例如，将数组中的每个元素加倍：
-- -------------------- ---- ------- ----- ----- - - -- -- -- -- -- -- ------- - -- ----- ------- - ---------------- ---- -- ---- - --- --------------------- -- ------ -- --
适用场景
@59naga/array.from 可以帮助我们更加方便地处理代码中的类数组对象转换问题。常见的使用场景有：
- 将函数的参数 arguments 对象转换成数组；
- 将 NodeList、HTMLCollection 对象转换成数组；
- 将字符串转换成数组。
总结
在前端开发中，类数组对象的转换是一个经常遇到的问题。@59naga/array.from 可以让我们更加方便地完成这一操作。在平时的开发中，我们可以结合具体的业务场景灵活使用，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/127309