13_Map.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. // Map() 方法创建映射
  11. let map = new Map();
  12. // set() 方法添加映射
  13. map.set("张三",1);
  14. map.set("李四",2);
  15. map.set("王五",3);
  16. // get() 方法获取映射
  17. console.log(map.get("张三"));
  18. // delete() 方法删除映射
  19. map.delete("李四");
  20. // has() 方法判断映射是否存在
  21. console.log(map.has("王五"));
  22. // clear() 方法清空映射
  23. // map.clear();
  24. // size() 方法返回映射的大小
  25. console.log(map.size);
  26. // 遍历映射
  27. for(let item of map){
  28. console.log(item);
  29. }
  30. console.log(map);
  31. // weakMap() 方法创建弱映射
  32. let weakMap = new WeakMap();
  33. // add() 方法添加映射
  34. weakMap.set({a:1},1);
  35. weakMap.set({b:2},2);
  36. console.log(weakMap);
  37. </script>
  38. </body>
  39. </html>