欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 教育 > 幼教 > ES6基础----Map的使用

ES6基础----Map的使用

2025/1/19 15:45:00 来源:https://blog.csdn.net/weixin_69190490/article/details/141665354  浏览:    关键词:ES6基础----Map的使用

目录

 Map 是 Es6 新增的数据结构,主要用于存储键值对

1、size 属性返回 Map 的长度  

2、set() 方法用于向 Map 中写入内容  ---键可以用字符串或者用其他数据类型,但是 Object 只能是字符串

3、get() 方法用于得到对应的值

4、delete() 方法删除对应的元素    ---返回布尔值

5、has() 方法判断某个元素是否在 Map 中    --返回布尔值

6、 clear() 清除 Map 中的全部内容   --返回所有值,没值返回undefined

7、 keys() 遍历得到键值

8、 values() 遍历得到值

9、entries() 遍历得到键值对

10、 forEach() 遍历得到 Map 所有值


 Map 是 Es6 新增的数据结构,主要用于存储键值对

// Object 提供 字符串--值

// Map 提供  值--值

 let map = new Map();console.log(map);//Map(0) {size: 0}

1、size 属性返回 Map 的长度  

 console.log(map.size);//0

2、set() 方法用于向 Map 中写入内容  ---键可以用字符串或者用其他数据类型,但是 Object 只能是字符串

//                           键     值console.log(map.set("name","张三"));//Map(1) {'name' => '张三'}console.log(map.set("age",100));//Map(2) {'name' => '张三', 'age' => 100}console.log(map.set("address","昆明"));//Map(3) {'name' => '张三', 'age' => 100, 'address' => '昆明'}console.log(map.set(100,"昆明"));//Map(4) {'name' => '张三', 'age' => 100, 'address' => '昆明', 100 => '昆明'}

3、get() 方法用于得到对应的值

console.log(map.get(100));//昆明console.log(map.get("name"));//张三console.log(map);//Map(4) {'name' => '张三', 'age' => 100, 'address' => '昆明', 100 => '昆明'}


 

4、delete() 方法删除对应的元素    ---返回布尔值

console.log(map.delete(100));//trueconsole.log(map);//Map(3) {'name' => '张三', 'age' => 100, 'address' => '昆明'}

5、has() 方法判断某个元素是否在 Map 中    --返回布尔值

console.log(map.has(100));//falseconsole.log(map.has("name"));//true

6、 clear() 清除 Map 中的全部内容   --返回所有值,没值返回undefined

console.log(map.clear());//undefined   ---打印清除后的值

遍历取值

7、 keys() 遍历得到键值

// console.log(map.keys());//MapIterator {'name', 'age', 'address'}   ---拿到对象的模式的键值for(let i of map.keys()){       //--取单独的值console.log(i);// name  age  address}

8、 values() 遍历得到值

//  console.log(map.values());//MapIterator {'张三', 100, '昆明'}   ---拿到对象的模式的键值for(let i of map.values()){console.log(i); // 张三 100 昆明}


 

9、entries() 遍历得到键值对

//  console.log(map.entries());//MapIterator {'name' => '张三', 'age' => 100, 'address' => '昆明'}   ---拿到对象的模式的键值for(let [i,y] of map.entries()){console.log(i,y);//  name 张三    age 100    address 昆明}


 

10、 forEach() 遍历得到 Map 所有值

//只得到值map.forEach((a)=>{console.log(a);})//得到键和值//                  值-键名map.forEach((a,b)=>{console.log(a,b);})


 

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com