jquery遍历map

jQuery 遍历 Map 的方法

在 jQuery 中遍历 JavaScript 的 Map 对象可以通过多种方式实现。Map 是 ES6 引入的数据结构，不同于普通对象，它支持任意类型的键值对。

使用 forEach 方法

Map 对象原生提供了 forEach 方法，可以直接遍历键值对：

const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

myMap.forEach((value, key) => {
    console.log(`Key: ${key}, Value: ${value}`);
});

使用 for...of 循环

Map 对象是可迭代的，可以通过 for...of 循环遍历其条目：

const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

for (const [key, value] of myMap) {
    console.log(`Key: ${key}, Value: ${value}`);
}

转换为数组后使用 jQuery 的 $.each

如果需要结合 jQuery 的 $.each 方法，可以先将 Map 转换为数组：

const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

const entriesArray = Array.from(myMap.entries());

$.each(entriesArray, function(index, entry) {
    const key = entry[0];
    const value = entry[1];
    console.log(`Key: ${key}, Value: ${value}`);
});

遍历 Map 的键或值

如果只需要遍历键或值，可以使用 Map.prototype.keys() 或 Map.prototype.values()：

const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

// 遍历键
for (const key of myMap.keys()) {
    console.log(`Key: ${key}`);
}

// 遍历值
for (const value of myMap.values()) {
    console.log(`Value: ${value}`);
}

注意事项

• Map 是 ES6 特性，确保目标环境支持 ES6。
• jQuery 的 $.each 主要用于遍历数组或对象，直接用于 Map 需要先转换为数组。
• Map 保留了插入顺序，遍历时会按照插入顺序输出键值对。