如何动态创建字典并添加键值对？

字典是 JavaScript 中非常有用的数据结构之一，它可以存储键值对并且支持快速的查找和更新操作。在前端开发中，有时候需要动态创建字典并添加键值对。本文将介绍如何使用 JavaScript 动态创建字典并添加键值对。

创建字典

在 JavaScript 中，字典是一种对象类型（Object），可以通过字面量语法或者构造函数来创建。使用字面量语法创建字典非常简单，只需要用花括号包裹键值对即可：

const myDict = { key1: value1, key2: value2 };

如果需要动态创建一个空的字典，可以使用构造函数的方式创建：

const myDict = new Object();

这两种方式都可以创建一个空的字典对象。

添加键值对

添加键值对到字典中非常简单，只需要使用赋值运算符即可。例如，我们可以创建一个空的字典，然后逐个添加键值对：

const myDict = {};
myDict["key1"] = "value1";
myDict["key2"] = "value2";

也可以使用点符号来访问字典中的属性：

const myDict = {};
myDict.key1 = "value1";
myDict.key2 = "value2";

当然，如果你已经知道所有的键和对应的值，也可以在创建字典时一次性添加所有键值对：

const myDict = {
  key1: "value1",
  key2: "value2",
};

示例代码

下面是一个使用 JavaScript 动态创建字典并添加键值对的示例代码：

const myDict = {};
myDict["name"] = "张三";
myDict["age"] = 18;
myDict["gender"] = "男";

console.log(myDict); // { name: '张三', age: 18, gender: '男' }

除了上面的赋值语法，还可以使用 Object 类的 set() 方法来添加键值对：

const myDict = new Object();
myDict.set("name", "李四");
myDict.set("age", 20);
myDict.set("gender", "女");

console.log(myDict); // { name: '李四', age: 20, gender: '女' }

总结

本文介绍了如何使用 JavaScript 动态创建字典并添加键值对。创建字典非常简单，可以使用字面量语法或者构造函数来创建。添加键值对也很容易，只需要使用赋值运算符或者 Object 类的 set() 方法即可。希望这篇文章能够对前端开发者有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9352