老师请检查,谢谢

来源:3-10 编程练习

慕的地7233660

2022-06-07 15:06:40

  <p>1</p>
    <p>2</p>
    <p>3</p>
    <script>
        //Nodelist 用解构赋值
        const [p1, p2, p3] = document.querySelectorAll('p')
        console.log(p1, p2, p3)
        const m = new Map([
            [p1, new Map([
                ['color', 'red'],
                ['backgroundColor', 'blue'],
                ['fontSize', '40px']
            ])],
            [p2, new Map([
                ['color', 'green'],
                ['backgroundColor', 'orange'],
                ['fontSize', '40px']
            ])],
            [p3, new Map([
                ['color', 'blue'],
                ['backgroundColor', 'red'],
                ['fontSize', '50px']
            ])]
        ]);
        console.log(m)
        m.forEach((propMap, elem)=> {
            propMap.forEach((value, key) => {
                elem.style[key] = value;
            })
        })
问题描述:老师讲解一下运用两次forEach遍历Map
    </script>


写回答

1回答

好帮手慕慕子

2022-06-07

同学你好,效果实现是对的,针对同学的问题解答如下:

外层forEach针对Map实例m进行遍历,如下:

https://img.mukewang.com/climg/629f01650993adb316481068.jpg

内层forEach针对里面的Map实例进行遍历,如下:

https://img.mukewang.com/climg/629f0155094e8edd10940438.jpg

可以在循环中输出查看结果,帮助自己更好的理解,如下:

https://img.mukewang.com/climg/629f01c50987b83f32201842.jpg

祝学习愉快~

0

前端工程师

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

20327 学习 · 17877 问题

查看课程