这是我的对象文字:

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

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


当前回答

我们也可以这样做。

var myMap = new Map();
myMap.set(0, 'my value1');
myMap.set(1, 'my value2');
 for (var [key, value] of myMap) {
  console.log(key + ' = ' + value);
 }

其他回答

您可以使用其中一个(前提是key3是您想要使用的实际键)

arr[ 'key3' ] = value3;

or

arr.key3 = value3;

如果key3是变量,则应执行以下操作:

var key3 = 'a_key';
var value3 = 3;
arr[ key3 ] = value3;

之后,请求arr.a_key将返回值3,即文本3。

可以使用{[key]:value}语法创建新对象:

常量foo={a: '键',b: '值'}常量bar={[foo.a]:foo.b}console.log(bar);//{key:“value”}console.log(bar.key);//价值常量baz={['key2']:'value2'}console.log(baz);//{key2:“value2”}console.log(baz.key2);//值2

使用前面的语法,您现在可以使用扩展语法{…foo,…bar}添加新对象,而不改变旧值:

常量foo={a:1,b:2};常量条={…foo,…{['c']:3}};console.log(bar);//{a:1,b:2,c:3}console.log(bar.c);//3.

只需添加财产:

我们想将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不是一个数组。。。这是一个原型对象。真正的数组应该是:

var arr = [{key1: value1}, {key2: value2}];

但这仍然不正确。实际上应该是:

var arr = [{key: key1, value: value1}, {key: key2, value: value2}];

obj['key3']=value3或obj.key3=value3将向obj添加新对。

然而,我知道没有提到jQuery,但是如果您正在使用它,可以通过$.exextend(obj,{key3:‘value3‘})添加对象。例如。:

var obj={key1:“value1”,key2:“value2”};$(“#ini”).append(JSON.stringify(obj));$.exextend(obj,{key3:“value3”});$('#ext').append(JSON.stringify(obj));<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><p id=“ini”>首字母:</p><p id=“ext”>扩展:</p>

extend(target[,object1][,objectN])将两个或多个对象的内容合并到第一个对象中。

它还允许使用$.exextend(true,object1,object2);进行递归添加/修改:

变量对象1={苹果:0,香蕉:{重量:52,价格:100},樱桃:97};变量对象2={香蕉:{价格:200},榴莲:100};$(“#ini”).append(JSON.stringify(object1));$.exextend(true,object1,object2);$(“#ext”).append(JSON.stringify(object1));<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><p id=“ini”>首字母:</p><p id=“ext”>扩展:</p>