JS - map

最新推荐文章于 2025-07-20 09:35:42 发布

[暂停使用]日行一善

最新推荐文章于 2025-07-20 09:35:42 发布

阅读量223

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_39571197/article/details/84775215

前端专栏收录该内容

100 篇文章

订阅专栏

本文深入探讨了JavaScript中Map构造函数的使用方法及其内部机制，通过对比数组与Map的使用，详细解释了如何利用Map来存储键值对，以及新Map([iterable])语法的具体工作原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 const statusMapData = [
    [1, [11, [12]]],
    [2, [21, [22]]],
    [3, [31, [32]]],
  ];
  const statusMap = new Map(statusMapData);
  /**
   * statusMap
   * 0 => [11,[12]]
   * 1 => [21,[22]]
   * 2 => [31,[32]]
   * */
  /**
   * 为什么第一层数组被展开了呢？
   * 语法：new Map([iterable])
   * Iterable 可以是一个数组或者其他 iterable 对象，其元素或为键值对，或为两个元素的数组。 每个键值对都会添加到新的 Map。null 会被当做 undefined。
   * */
  const imitateMap = {};
  //对数组执行for...of...
  for (let [v, k] of statusMapData) {
    console.log(v);
    imitateMap[v] = k;
  }
  /**
   * imitateMap
   * 0 => [11,[12]]
   * 1 => [21,[22]]
   * 2 => [31,[32]]
   * */
  //可以看出来，并没有那么神奇~
  console.log(imitateMap[1] === statusMap.get(1));// true
  console.log(imitateMap[2] === statusMap.get(2));// true