相关代码：

<p>1</p>
<p>2</p>
<p>3</p>
<script>
    const [p1, p2, p3] = document.querySelectorAll("p");
        const PropObj1 = new Map([ 
            ["color","red"], 
            ["backgroundColor", "yellow"], 
            ["fontSize", "40px"]
        ]);
        const PropObj2 = new Map([ 
            ["color","green"], 
            ["backgroundColor", "orchid"], 
            ["fontSize", "40px"]
        ]);
        const PropObj3 = new Map([ 
            ["color","blue"], 
            ["backgroundColor", "orange"], 
            ["fontSize", "40px"]
        ]);
        console.log(p1,p2,p3,PropObj1,PropObj2,PropObj3);
        const m = new Map([[p1,PropObj1],[p2,PropObj2],[p3,PropObj3]]);
        // console.log(m);    
        m.forEach(function (PropObj, elem) {
            PropObj.forEach(function(CSSValue,CSSProp){
                elem.style[CSSProp] = CSSValue;
            });
        });
</script>

相关截图：

问题描述：

老师要求用Map形式改造对象字面量，实现对DOM的操作。虽然实现了效果，但请问我这种方式对吗？