后盾人: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>
原文地址:https://www.cnblogs.com/jidanbufan/p/14368650.html