当前位置：首页 > jquery

jquery遍历map

2026-04-08 16:42:24jquery

jQuery 遍历 Map 的方法

在 jQuery 中，遍历 Map（或对象）可以通过多种方式实现，以下是几种常见的方法：

使用 `$.each()` 方法

$.each() 是 jQuery 提供的通用遍历方法，可以用于遍历数组或对象（Map）。语法如下：

$.each(map, function(key, value) {
    console.log(key + ": " + value);
});

示例：

var myMap = { name: "John", age: 30, city: "New York" };
$.each(myMap, function(key, value) {
    console.log(key + ": " + value);
});

使用 `for...in` 循环

虽然 for...in 是原生 JavaScript 的语法，但在 jQuery 环境中也可以使用：

for (var key in map) {
    if (map.hasOwnProperty(key)) {
        console.log(key + ": " + map[key]);
    }
}

示例：

var myMap = { name: "John", age: 30, city: "New York" };
for (var key in myMap) {
    if (myMap.hasOwnProperty(key)) {
        console.log(key + ": " + myMap[key]);
    }
}

使用 `Object.keys()` 和 `$.each()`

结合 Object.keys() 和 $.each() 可以更灵活地遍历对象的键：

var keys = Object.keys(map);
$.each(keys, function(index, key) {
    console.log(key + ": " + map[key]);
});

示例：

var myMap = { name: "John", age: 30, city: "New York" };
var keys = Object.keys(myMap);
$.each(keys, function(index, key) {
    console.log(key + ": " + myMap[key]);
});

使用 `$.map()` 方法

$.map() 方法可以遍历对象并返回一个新的数组：

var result = $.map(map, function(value, key) {
    return key + ": " + value;
});
console.log(result);

示例：

jquery遍历map

var myMap = { name: "John", age: 30, city: "New York" };
var result = $.map(myMap, function(value, key) {
    return key + ": " + value;
});
console.log(result);