如何向JavaScript对象添加键/值对？

这是我的对象文字：

var obj = {key1: value1, key2: value2};

如何将值为3的字段key3添加到对象中？

当前回答

我知道这个问题已经有了一个公认的答案，但我想我应该在某个地方记录我的想法。请[人们]自由地戳破这个想法，因为我不确定这是否是最好的解决方案。。。但我几分钟前刚刚把这件事放在一起：

Object.prototype.push = function( key, value ){
   this[ key ] = value;
   return this;
}

您可以这样使用它：

var obj = {key1: value1, key2: value2};
obj.push( "key3", "value3" );

由于原型函数正在返回此值，因此您可以继续将.push链接到obj变量的末尾：obj.push（…）.push（……）.press（…）；

另一个特性是可以将数组或另一个对象作为push函数参数中的值传递。请参见我的小提琴，以获得一个有效的示例：http://jsfiddle.net/7tEme/

其他回答

根据ECMA-262中定义的属性访问器(http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf，P67），有两种方法可以将财产添加到现有对象。通过这两种方式，Javascript引擎将对它们一视同仁。

第一种方法是使用点符号：

obj.key3 = value3;

但是这样，您应该在点符号后使用IdentifierName。

第二种方法是使用括号表示法：

obj["key3"] = value3;

以及另一种形式：

var key3 = "key3";
obj[key3] = value3;

这样，您可以在括号符号中使用表达式（包括标识符名称）。

只需添加财产：

我们想将prop2:2添加到这个对象中，这是最方便的选项：

点运算符：object.prop2=2；方括号：对象['prop2']=2；

那么我们用哪一个呢？

dot运算符的语法更加简洁，应该用作默认值（imo）。但是，点运算符不能向对象添加动态关键点，这在某些情况下非常有用。下面是一个示例：

常量对象={方案1：1}const key=Math.random（）>0.5？'key1'：'key2'；obj[key]=“此值具有动态键”；console.log（obj）；

合并对象：

当我们想要合并两个对象的财产时，以下是最方便的选项：

Object.assign（），将目标对象作为参数，以及一个或多个源对象，并将它们合并在一起。例如：

常量对象1={a： 1中，b： 2，};const object2=对象分配({c： 3中，d： 4个}，对象1）；console.log（对象2）；

对象排列运算符。。。

常量对象={prop1:1，第2部分：2}常量newObj={…对象，prop3:3，第4部分：4}console.log（newObj）；

我们用哪一个？

扩展语法不那么冗长，应该用作默认的imo。不要忘记将此语法转换为所有浏览器都支持的语法，因为它相对较新。Object.assign（）更加动态，因为我们可以访问作为参数传入的所有对象，并且可以在将它们分配给新对象之前对它们进行操作。

您可以通过以下方式添加：

arr['key3'] = value3;

或者这样：

arr.key3 = value3;

只有当key3的值为“key3”时，建议使用变量key3键入对象的答案才有效。

实现这一目标的最佳方式如下：

function getKey(key) {
  return `${key}`;
}

var obj = {key1: "value1", key2: "value2", [getKey('key3')]: "value3"};

//console.log(obj);

你可以用@IonuțG.Stan的答案创建一个类

function obj(){
    obj=new Object();
    this.add=function(key,value){
        obj[""+key+""]=value;
    }
    this.obj=obj
}

使用最后一个类创建新对象：

my_obj=new obj();
my_obj.add('key1', 'value1');
my_obj.add('key2', 'value2');
my_obj.add('key3','value3');

打印对象

console.log(my_obj.obj) // Return {key1: "value1", key2: "value2", key3: "value3"}

打印密钥

console.log(my_obj.obj["key3"]) //Return value3

我是javascript新手，欢迎评论。对我有用。

推荐文章