在 ES6 中,新增了许多新的特性和方法,其中一个备受关注的是 Array.from 方法。Array.from 方法的作用是将类似数组的对象或可迭代对象转换成真正的数组。
语法
Array.from(arrayLike[, mapFn[, thisArg]])
- arrayLike:必选项,类数组对象或可迭代对象。
- mapFn:可选项,类似 Array.prototype.map 的回调函数。
- thisArg:可选项,回调函数中的 this 值。
特点
- 支持类数组对象和可迭代对象。
- 返回新的真正数组。
- 支持 map 函数,可对数组中每个元素进行转换。
- 支持传入第三个参数,用于指定 map 函数中的 this 值。
示例
-- -------------------- ---- ------- -- ----- --- --------- - - -- ---- -- ---- -- ---- ------- - -- --- ---- - ---------------------- -- ----- ----- ---- ---- -- ----- --- -------- - --- -------- ----- --- ----- --- ------- --- ---- - ------------------------------ -- ----- ----- ---- ---- -- --- -- --- ---- - --------------------- - -- ----------------- -- ----- ----- ---- ---- -- ---- - --- --- - - ------- -- ------- - ---------------- --- ----- -- ---- ------ ---- - -- --- ---- - --------------------- ----- -- ----- ----- ---- ----展开代码
应用场景
- 类数组对象和可迭代对象转换成真正的数组。
- 实现类似 Array.prototype.map 的方法,对类数组对象进行转换。
- 将字符串转换成数组。
指导意义
- 数组是前端开发中必不可少的数据结构之一,掌握 Array.from 方法可以更快捷地对数据进行处理。
- 在处理一些业务需求时,可能会涉及到将类数组对象进行转换,而 Array.from 方法则能够帮助我们快速实现这个功能。
总结
Array.from 方法是 ES6 新增的一个重要特性,它能够将类数组对象和可迭代对象转换成真正的数组,并且支持传入 map 函数进行转换和传入第三个参数指定 this 值。这个方法在实际开发中有很多应用场景,相信能够帮助开发者更好地处理数据。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/644fb11b980a9b385b90b784