|
|
@@ -0,0 +1,54 @@
|
|
|
+<!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对象
|
|
|
+ let s1 = new Map();
|
|
|
+ console.log(s1);
|
|
|
+ // 设置
|
|
|
+ s1.set("name","孙悟空");
|
|
|
+ s1.set("age",18);
|
|
|
+ console.log(s1);
|
|
|
+ // 获取
|
|
|
+ console.log(s1.get("name"));
|
|
|
+ // 删除
|
|
|
+ // console.log(s1.delete("name"));
|
|
|
+ // s1.delete("name")
|
|
|
+ // size 获取当前map对象长度
|
|
|
+ // console.log(s1.size);
|
|
|
+ // clear 清空全部
|
|
|
+ s1.clear();
|
|
|
+ console.log(s1);
|
|
|
+ // 数据循环 对已有数组进行操作
|
|
|
+ var arr = [12,21,23,45,32,3];
|
|
|
+ arr.map((ele,index) => {
|
|
|
+ console.log(ele,index);
|
|
|
+ })
|
|
|
+ var s2 = new Map();
|
|
|
+ s2.set("name","猪八戒");
|
|
|
+ s2.set("age",22);
|
|
|
+ console.log(s2);
|
|
|
+ // key 每一项键值对
|
|
|
+ for (var key of s2) {
|
|
|
+ console.log(key,'s2')
|
|
|
+ }
|
|
|
+ // keys() 每一项可枚举属性名
|
|
|
+ for(var a of s2.keys()) {
|
|
|
+ console.log(a,'keys');
|
|
|
+ }
|
|
|
+ // values() 每一项可枚举属性值
|
|
|
+ for(var a of s2.values()) {
|
|
|
+ console.log(a,'values');
|
|
|
+ }
|
|
|
+ // entries() 每一项可枚举的键值对
|
|
|
+ for(var a of s2.entries()) {
|
|
|
+ console.log(a,'entries');
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
e