22.Map.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  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. /**
  11. * Map 键值对集合
  12. * Map() 类似于对象 键值对中的对象
  13. * 可以使用扩展运算符 for..of
  14. * size 返回键值对中的元素个数
  15. * set() 往集合中添加键值对
  16. * get() 获取集合中的键值
  17. * has() 查找Map集合中是否包含所要查找的属性 返回值为布尔值
  18. * clear() 清空集合中的所有值
  19. * entries() 键值对
  20. * keys() 键值对中的下标
  21. * values() 键值对中的值
  22. */
  23. const m = new Map([
  24. ["name","Lucy"],
  25. ["age","10"],
  26. ["address","哈尔滨"]
  27. ]);
  28. console.log(m);
  29. m.set("sex","女");
  30. m.delete("address")
  31. // m.clear()
  32. console.log(m.size);
  33. console.log(m.get("name"))
  34. console.log(m.has("age"))
  35. console.log(m.entries);
  36. console.log(m.keys);
  37. console.log(m.values);
  38. // console.log([...m])
  39. const arr = [['name','aaa']];
  40. console.log(new Map(arr))
  41. </script>
  42. </body>
  43. </html>