JSPL 循环遍历映射键 - Html

在JavaScript中，使用Map数据结构可以存储键值对，其中键可以是任意类型，而值也可以是任意类型。当需要遍历Map中的键时，可以使用for-of循环，并使用Map的keys()方法获得Map中所有的键。

let map = new Map();
map.set('name', 'Alice');
map.set('age', 24);
map.set('gender', 'female');

for(let key of map.keys()){
    console.log(key); // 输出Map中的键：name, age, gender
}

同样，在HTML中，可以使用JavaScript代码通过DOM API访问页面上的元素，并使用Map存储元素的属性。在这种情况下，需要使用for-of循环和Map的entries()方法获得Map中所有的键值对。

<div id="info" data-name="Alice" data-age="24" data-gender="female"></div>

let div = document.getElementById('info');
let map = new Map(Object.entries(div.dataset));

for(let [key, value] of map.entries()){
    console.log(key + ': ' + value); // 输出元素属性的键值对：name: Alice, age: 24, gender: female
}

以上示例演示了在JavaScript中使用Map循环遍历映射键。在处理HTML元素属性时，需要将使用DOM API访问元素的数据集，然后将Map中的键值对置于dataset属性中。