老师这样对吗？

来源：3-10 编程练习

我不是胖球球

2021-06-27 19:30:13

相关代码：

可不可以根据自己的习惯，把key和value的位置换一下，总是把这两个对应的内容搞混，结果是反复试出来的

<body>
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <script>
        // （1）创建Map实例。
        // （2）将数组中的对象替换成Map实例。
        // （3）将forEach中的for…in遍历改成forEach遍历Map。
        const [p1, p2, p3] = document.querySelectorAll('p')

        const m1 = new Map([
            ['color', 'red'],
            ['backgroundColor', 'yellow'],
            ['fontSize', '40px']
        ]);

        const m2 = new Map([
            ['color', 'green'],
            ['backgroundColor', 'pink'],
            ['fontSize', '40px']
        ]);
        const m3 = new Map([
            ['color', 'blue'],
            ['backgroundColor', 'orange'],
            ['fontSize', '40px']
        ]);

        const m = new Map([
            [p1, m1],
            [p2, m2],
            [p3, m3]
        ]);

        m.forEach(function (value,key) {
            // console.log(key);
            value.forEach(function (cssStyle,cssName ) {
                // console.log(cssName);
                // console.log(cssStyle);
                key.style[cssName] = cssStyle;
            })
        })

    </script>