ES6 新增的 Array.from 方法详解

阅读时长 3 分钟读完

在 ES6 中,新增了许多新的特性和方法,其中一个备受关注的是 Array.from 方法。Array.from 方法的作用是将类似数组的对象或可迭代对象转换成真正的数组。

语法

  • 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

纠错
反馈

纠错反馈