js 对象添加键值对|极客笔记

js 对象添加键值对

在 JavaScript 中，对象是一种包含键值对的数据结构。对象可以被动态地扩展和修改，我们可以通过给对象添加新的键值对来改变对象的结构和内容。

在 JavaScript 中，我们可以使用对象字面量的方式来创建一个对象。对象字面量是一种简洁的方式来创建对象，语法如下：

const myObj = {
    key1: 'value1',
    key2: 'value2',
    key3: 'value3'
}

上面的代码创建了一个名为 myObj 的对象，并初始化了三个键值对。

我们可以通过两种方式给对象添加新的键值对：使用点号（.）和方括号（[]）语法。

使用点号语法可以直接通过对象的属性名来为对象添加新的键值对。例如：

myObj.key4 = 'value4';
myObj.key5 = 'value5';

使用方括号语法可以动态地为对象添加键值对，可以使用变量或表达式来作为属性名。例如：

const dynamicKey = 'key6';
myObj[dynamicKey] = 'value6';

下面是一个完整的示例代码，演示了如何创建一个空对象，并动态地添加键值对：

const myObj = {};

myObj.key1 = 'value1';
myObj.key2 = 'value2';

const dynamicKey = 'key3';
myObj[dynamicKey] = 'value3';

console.log(myObj);

运行上面的代码，输出为：

{
    key1: 'value1',
    key2: 'value2',
    key3: 'value3'
}

通过本文的介绍，我们了解了如何在 JavaScript 中给对象添加键值对。无论是使用点号语法还是方括号语法，都可以实现对对象的动态扩展和修改。在实际开发中，我们经常需要根据不同的需求动态地修改对象的结构，掌握这种操作方式将会非常有用。