这是我的对象文字:
var obj = {key1: value1, key2: value2};
如何将值为3的字段key3添加到对象中?
这是我的对象文字:
var obj = {key1: value1, key2: value2};
如何将值为3的字段key3添加到对象中?
当前回答
arr.key3 = value3;
因为你的arr不是一个数组。。。这是一个原型对象。真正的数组应该是:
var arr = [{key1: value1}, {key2: value2}];
但这仍然不正确。实际上应该是:
var arr = [{key: key1, value: value1}, {key: key2, value: value2}];
其他回答
2017年答案:Object.assign()
Object.assign(dest,src1,src2,…)合并对象。
它使用源对象的财产和值(无论多少)覆盖dest,然后返回dest。
assign()方法用于将所有可枚举自身财产的值从一个或多个源对象复制到目标对象。它将返回目标对象。
实时示例
var obj={key1:“value1”,key2:“value2”};对象.assign(obj,{key3:“value3”});document.body.innerHTML=JSON字符串(obj);
2018年答案:对象扩展运算符{…}
obj = {...obj, ...pair, scalar};
来自MDN:
它将自己的可枚举财产从提供的对象复制到新对象上。现在可以使用比Object.assign()更短的语法进行对象的浅层克隆(不包括原型)或合并。注意Object.assign()触发setter,而spread语法不触发setter。
实时示例
它适用于当前的Chrome和Firefox。他们说这在当前的Edge中不起作用。
var obj={key1:“value1”,key2:“value2”};var pair={key3:“value3”};var scalar=“value4”obj={…obj,…对,标量};document.body.innerHTML=JSON字符串(obj);
2019年答案
对象赋值运算符+=:
obj += {key3: "value3"};
哎呀。。。我被迷住了。从未来走私信息是非法的。完全模糊!
您可以使用其中一个(前提是key3是您想要使用的实际键)
arr[ 'key3' ] = value3;
or
arr.key3 = value3;
如果key3是变量,则应执行以下操作:
var key3 = 'a_key';
var value3 = 3;
arr[ key3 ] = value3;
之后,请求arr.a_key将返回值3,即文本3。
我们可以通过多种方式向JavaScript对象添加键/值对。。。
案例1:展开对象使用此选项,我们可以同时向对象添加多个key:value。
常量矩形={width:4,height:6};常量立方体={…矩形,长度:7};const cube2={…矩形,长度:7,笔划:2};console.log(“立方体2:”,立方体2);console.log(“Cube:”,立方体);console.log(“矩形:”,矩形);
案例2:使用点符号
var矩形={width:4,height:6};直角长度=7;console.log(矩形);
案例3:使用[平方]符号
var矩形={width:4,height:6};矩形[“长度”]=7;console.log(矩形);
var arrOfObj = [{name: 'eve'},{name:'john'},{name:'jane'}];
var injectObj = {isActive:true, timestamp:new Date()};
// function to inject key values in all object of json array
function injectKeyValueInArray (array, keyValues){
return new Promise((resolve, reject) => {
if (!array.length)
return resolve(array);
array.forEach((object) => {
for (let key in keyValues) {
object[key] = keyValues[key]
}
});
resolve(array);
})
};
//call function to inject json key value in all array object
injectKeyValueInArray(arrOfObj,injectObj).then((newArrOfObj)=>{
console.log(newArrOfObj);
});
输出如下:-
[ { name: 'eve',
isActive: true,
timestamp: 2017-12-16T16:03:53.083Z },
{ name: 'john',
isActive: true,
timestamp: 2017-12-16T16:03:53.083Z },
{ name: 'jane',
isActive: true,
timestamp: 2017-12-16T16:03:53.083Z } ]
我知道这个问题已经有了一个公认的答案,但我想我应该在某个地方记录我的想法。请[人们]自由地戳破这个想法,因为我不确定这是否是最好的解决方案。。。但我几分钟前刚刚把这件事放在一起:
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/