| 123456789101112131415161718192021222324252627282930313233343536373839404142 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- </head>
- <body>
- <script>
- // Map 是一种新的数据结构 它类似于对象 但是它的键名可以是任意类型的值 而对象的键名只能是字符串类型
- //定义map new Map()
- let map1 = new Map();
- // 可以使用set方法向map中添加键值对 map.set(键,值)
- map1.set("username","张三");
- map1.set("age",18);
- // map中key值是唯一的 不能重复 如果重复 后面的值会覆盖前面的值
- map1.set("username","李四");
- // 可以使用get方法获取map中的值 map.get(键)
- console.log(map1.get("username"));
- // 可以使用has方法判断map中是否有某个键 map.has(键)
- console.log(map1.has("username"));
- // delete 方法可以删除map中的某个键值对 map.delete(键)
- // map1.delete("username");
- // 可以使用size属性获取map中键值对的数量
- console.log(map1.size);
- // clear 方法可以清空map中的所有键值对
- // map1.clear();
- // for...of 循环可以遍历map中的所有键值对 每次循环会返回一个数组 数组的第一个元素是键 第二个元素是值
- for(let item of map1){
- console.log(item);
- }
- console.log(map1);
- // weakMap 是一种新的数据结构 它类似于Map数据结构 但是它的键名只能是对象 不能是其他类型的值
- let weak1 = new WeakMap();
- weak1.set({username:"张三"},18);
- console.log(weak1);
- </script>
- </body>
- </html>
|
