老师请检查,谢谢
来源: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进行遍历,如下:

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

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

祝学习愉快~
相似问题