老师这道题有点没思路，老师帮忙讲解一下
来源：3-10 编程练习
DB1时间的玫瑰
2021-08-30 09:38:33
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Map的应用</title>
</head>
<body>
<p>1</p>
<p>2</p>
<p>3</p>
<script>
const [p1, p2, p3] = document.querySelectorAll('p');
const m = new Map([
[
p1, {
color: 'red',
backgroundColor: 'yellow',
fontSize: '40px'
}
],
[
p2, {
color: 'green',
backgroundColor: 'pink',
fontSize: '40px'
}
],
[
p3, {
color: 'blue',
backgroundColor: 'orange',
fontSize: '40px'
}
]
]);
m.forEach((propObj, elem) => {
for (const p in propObj) {
elem.style[p] = propObj[p];
}
});
</script>
</body>
</html>
1回答
-
同学你好，可以参考以下思路实现：
1、封装一个函数，用来创建Map实例，如图
2、调用createMap函数，将数组中的对象替换成Map实例，如图
3、使用forEach方法中遍历map集合，第一个参数表示当前正在遍历的对象， 第二个参数表示当前正在遍历对象的key值，如图
祝学习愉快！
0
相似问题