后盾人：JS课程第七章（Map和weakMap）

1.map　　//键名没有限制，什么类型都可以

.keys()　　//得到所有键名

.values()　　//得到所有值

.entries()　　//得到所有键值对

for （const [key, value] of map.entries()）{}　　//循环map类型，得到键名和值

 

//课堂小实例:点击div弹出name属性的值
<body>
    <div name="后盾人">houdunren</div>
    <div name="先锋人">xianfengren</div>
</body>
<script>
    let map = new Map()
    document.querySelectorAll("div").forEach(item =>{
        map.set(item, {
            content:item.getAttribute("name") //获取div的name的值
        })
    })
//    这里的map里面是dom元素div 和 对象{content:name值}
    map.forEach((config, elem) => {
        elem.addEventListener("click", () =>{ //添加点击事件
            alert(config.centent)
        }
    )}
</script>

 

posted @ 2021-02-04 17:53  人才不才  阅读(73)  评论(0)  编辑  收藏  举报