19.Map.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  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. * 可以使用扩展运算符 for..of
  13. * size 返回键值对中的元素个数
  14. * set() 往集合中添加键值对
  15. * get() 获取集合中的键值
  16. * has() 查找Map集合中是否包含所要查找的属性 返回值为布尔值
  17. * clear() 清空集合中的所有值
  18. * entries() 键值对
  19. * keys() 键值对中的下标
  20. * values() 键值对中的值
  21. *
  22. */
  23. let s1 = new Map();
  24. console.log(s1,'s1');
  25. let s2 = new Map([
  26. ["name","Lucy"],
  27. ["age","18"],
  28. ["address","哈尔滨"]
  29. ]);
  30. console.log(s2,'s2');
  31. console.log(s2.size);
  32. s2.set("sex","女")
  33. console.log(s2);
  34. console.log(s2.get("name"));
  35. console.log(s2.has("age"));
  36. s2.clear();
  37. console.log(s2.clear());
  38. console.log(s2);
  39. var arr = [1,2,3,4,5,6];
  40. arr.map((ele,index)=>{
  41. console.log(ele,'值');
  42. console.log(index,'下标');
  43. })
  44. var arr2 = new Map();
  45. arr2.set("color","red");
  46. arr2.set("school","US");
  47. console.log(arr2);
  48. for(let a of arr2.entries()) {
  49. console.log(a,'entries');
  50. }
  51. for(let a of arr2.keys()) {
  52. console.log(a,'keys');
  53. }
  54. for(let a of arr2.values()) {
  55. console.log(a,'values');
  56. }
  57. console.log(arr2.keys().next().value)
  58. console.log(arr2.entries().next().value)
  59. console.log(arr2.values().next().value)
  60. </script>
  61. </body>
  62. </html>