老师,能讲解一下这段代码吗?或者讲解一下这节课老师最后留的问题,按map方式而不是对象方式展开

来源:3-9 Map的应用

weixin_慕斯卡0218278

2022-06-02 16:31:54

<script>
        let [p1, p2, p3] = document.querySelectorAll('p');
        let m = new Map([
            [p1,new Map([
                ['color','red'],
                ['backgroundColor','skyblue'],
                ['fontSize','40px']
            ])],
            [p2, new Map([
                ['color''blue'],
                ['backgroundColor''yellow'],
                ['fontSize''40px']
            ])],
            [p3, new Map([
                ['color''orange'],
                ['backgroundColor''pink'],
                ['fontSize''40px']
            ])]
        ])
        m.forEach(function(currentValue,dom){
            currentValue.forEach(function(Value,attr){
                dom.style[attr] = Value
            })
        })
    </script>


写回答

1回答

好帮手慕慕子

2022-06-02

同学你好,对于你的问题解答如下:

1、这段代码就是通过两层遍历,给元素设置对应的属性,可以结合console.log输出结果,帮助自己更好的理解,示例:

https://img.mukewang.com/climg/62987ea609ed58b738041298.jpg

2、同学粘贴的代码已经是使用Map实现的效果了,如下:

https://img.mukewang.com/climg/62987f7f091da6a215681380.jpg

祝学习愉快~

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程