jquery 字典

jQuery 字典操作

jQuery 本身不直接提供字典（键值对）数据结构，但可以通过 JavaScript 对象或 Map 对象实现类似功能。以下是常见的操作方法：

创建字典

使用 JavaScript 对象作为字典：

var dict = {
    key1: "value1",
    key2: "value2"
};

或者使用 ES6 的 Map：

var dict = new Map();
dict.set("key1", "value1");
dict.set("key2", "value2");

添加/修改元素

对于对象：

dict.key3 = "value3";  // 添加新键值对
dict.key1 = "newValue";  // 修改现有键值

对于 Map：

dict.set("key3", "value3");  // 添加
dict.set("key1", "newValue");  // 修改

获取元素值

对象方式：

var value = dict.key1;  // 获取 key1 的值
var value = dict["key1"];  // 另一种方式

Map 方式：

var value = dict.get("key1");

删除元素

对象方式：

delete dict.key1;  // 删除 key1

Map 方式：

dict.delete("key1");

检查键是否存在

对象方式：

if ("key1" in dict) {
    // 存在
}

Map 方式：

if (dict.has("key1")) {
    // 存在
}

遍历字典

对象方式：

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

Map 方式：

dict.forEach(function(value, key) {
    console.log(key + ": " + value);
});

清空字典

对象方式：

dict = {};  // 重新赋值空对象

Map 方式：

dict.clear();

注意事项

• 使用对象作为字典时，键只能是字符串或 Symbol
• Map 允许任何类型的键（包括对象）
• 如果需要频繁的增删操作，Map 性能更好
• jQuery 的 $.each() 方法可以方便地遍历对象属性

这些方法可以结合 jQuery 的选择器和 DOM 操作功能，实现复杂的前端数据处理需求。