17_map.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  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. // 1. map类型是一种键值对的集合
  12. // 2. map类型的键和值可以是任意类型
  13. let oMap = new Map();
  14. // map 添加值 set方法 键 值
  15. // oMap.set("username","张三");
  16. // oMap.set("age",18);
  17. // oMap.set("sex","男");
  18. // oMap.set("age",19);
  19. // oMap.set([1,2,3],"数组");
  20. // console.log(oMap);
  21. // map 获取值 get方法
  22. // console.log(oMap.get("username"));
  23. // 判断是否有这个键 has方法
  24. // console.log(oMap.has("age"));
  25. // 删除键值对 delete方法
  26. // oMap.delete("age");
  27. // console.log(oMap);
  28. // oMap.clear();
  29. // console.log(oMap);
  30. // weakMap类型
  31. // 1. weakMap类型的键只能是对象
  32. let oWeakMap = new WeakMap();
  33. let obj1 = {
  34. name:"张三",
  35. age:18
  36. }
  37. let obj2 = {
  38. name:"李四",
  39. age:19
  40. }
  41. oWeakMap.set(obj1,"张三");
  42. oWeakMap.set(obj2,"李四");
  43. console.log(oWeakMap);
  44. </script>
  45. </body>
  46. </html>