ES7 中新增的 Map.prototype.entries 和 Map.prototype.keys 方法的使用技巧

阅读时长 3 分钟读完

在 ES7 中,Map 对象新增了两个方法:Map.prototype.entries()Map.prototype.keys()。这两个方法可以帮助我们更方便地遍历 Map 对象的键值对。

Map.prototype.entries()

Map.prototype.entries() 方法返回一个新的 Iterator 对象,该对象包含了 Map 对象中所有的键值对。每个键值对都是一个数组,数组的第一个元素是键名,第二个元素是对应的值。我们可以通过 for...of 循环或者 Array.from() 方法来遍历这个 Iterator 对象。

下面是一个使用 Map.prototype.entries() 方法的示例代码:

-- -------------------- ---- -------
----- ----- - --- ------
----------------- ----------
----------------- ----------
----------------- ----------

--- ---- ----- ------ -- ---------------- -
  ---------------- -------
-

-- -------
-- ---- ------
-- ---- ------
-- ---- ------

我们也可以使用 Array.from() 方法将 Iterator 对象转换成数组:

-- -------------------- ---- -------
----- ----- - --- ------
----------------- ----------
----------------- ----------
----------------- ----------

----- ------- - ----------------------------
---------------------

-- -------
-- - - ------- -------- -- - ------- -------- -- - ------- -------- - -

Map.prototype.keys()

Map.prototype.keys() 方法返回一个新的 Iterator 对象,该对象包含了 Map 对象中所有的键名。我们可以通过 for...of 循环或者 Array.from() 方法来遍历这个 Iterator 对象。

下面是一个使用 Map.prototype.keys() 方法的示例代码:

-- -------------------- ---- -------
----- ----- - --- ------
----------------- ----------
----------------- ----------
----------------- ----------

--- ---- --- -- ------------- -
  -----------------
-

-- -------
-- ----
-- ----
-- ----

我们也可以使用 Array.from() 方法将 Iterator 对象转换成数组:

-- -------------------- ---- -------
----- ----- - --- ------
----------------- ----------
----------------- ----------
----------------- ----------

----- ---- - -------------------------
------------------

-- -------
-- - ------- ------- ------ -

总结

通过使用 Map.prototype.entries()Map.prototype.keys() 方法,我们可以更方便地遍历 Map 对象的键值对和键名。这些方法可以帮助我们更快地编写代码,并且可以提高代码的可读性和可维护性。在实际开发中,我们可以根据具体的需求选择使用这些方法,以方便地操作 Map 对象。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6505adba95b1f8cacd20649a

纠错
反馈