lovecoding
/
Java0715


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 创建一个map类型的数据
        // ["name","zhagnsan"]
        var m = new Map([["zhangsan",18],["lisi",20],["wangwu",22]])
        // 获取某一个key的值
        console.log(m.get("zhangsan"))

        // 创建一个空的map
        var m = new Map()
        // 赋值 key value
        m.set("zhangsan",18)
        // 判断key是否存在
        console.log(m.has("zhangsan"))
        console.log(m.has("lisi"))  
        console.log(m)
        // 删除key
        // m.delete("zhangsan")
        // // 获取一个不存在的key
        // console.log(m.get("zhangsan"))  //undefined

        // Set
        var s = new Set()
        var s1 = new Set([1,2,3])
        console.log(s)
        console.log(s1)

        var s2 = new Set([1,2,3,3,'3'])
        console.log(s2)
        s2.add(4)
        console.log(s2)
        s2.delete(3)
        console.log(s2)

        // 迭代器
        var arr = [1,2,3]
        // ES6的新语法
        for(var i of arr){
            // 这里获取的是数组元素的值
            console.log(i)
        }

        for(var x of m){
            console.log(x)
        }

        for(var x of s1){
            console.log(x)
        }

        console.log("----------------")
        var arr1 = ['A','B','C']
        arr1.name = 'H'
        // 如果使用in 可能遍历出不一样的结果
        for(var i1 in arr1){
            console.log(i1)
        }
        // 此时用of遍历 会更加安全
        console.log("----------------")
        for(var i of arr1){
            console.log(i)
        }

        // 最好的方式 是使用内置的forEach
        // 会接收一个函数 每次迭代会自动回调此函数
        arr1.forEach(function(element,index,array){
            // element指当前元素的值 index指当前索引 array指数组对象本身
            console.log(`element=${element},index= ${index}`)  // 模版字符串  反引号 1左边的位置~打出来的
        })
        m.forEach(function(value,key,map){
            // 回调参数依次为 value值 key map本身
            console.log(`value=${value},key=${key}`)
        })
        s1.forEach(function(element,sameElement,set){
            // 回调函数 前两个参数都是元素本身 最后一个是set本身
            console.log(`element=${element}`)
        })

        // 可以简写
        // JS的函数调用 不要求参数必须一致
        arr1.forEach(function(element){
            // element指当前元素的值 index指当前索引 array指数组对象本身
            console.log(`element=${element}`)  // 模版字符串  反引号 1左边的位置~打出来的
        })

    </script>
</head>
<body>
    Hi Map
</body>
</html>