![](/img/trans.png)
[英]Add a new attribute to JSON object conditionally by comparing with another object (JavaScript)
[英]Add new attribute (element) to JSON object using JavaScript
如何使用 JavaScript 向 JSON 对象添加新属性(元素)?
JSON 代表 JavaScript 对象表示法。 JSON 对象实际上是一个尚未转换为它所代表的对象的字符串。
要将属性添加到 JS 中的现有对象,您可以执行以下操作。
object["property"] = value;
或者
object.property = value;
如果您提供一些额外的信息,例如您需要在上下文中做什么,您可能会得到更量身定制的答案。
var jsonObj = {
members:
{
host: "hostName",
viewers:
{
user1: "value1",
user2: "value2",
user3: "value3"
}
}
}
var i;
for(i=4; i<=8; i++){
var newUser = "user" + i;
var newValue = "value" + i;
jsonObj.members.viewers[newUser] = newValue ;
}
console.log(jsonObj);
JSON 对象只是一个 javascript 对象,因此 Javascript 是一种基于原型的语言,您所要做的就是使用点符号来处理它。
mything.NewField = 'foo';
从 2015 年开始使用 ECMAScript,您可以使用传播语法(…三个点):
let people = { id: 4 ,firstName: 'John'};
people = { ...people, secondName: 'Fogerty'};
它允许您添加子对象:
people = { ...people, city: { state: 'California' }};
结果将是:
{
"id": 4,
"firstName": "John",
"secondName": "Forget",
"city": {
"state": "California"
}
}
您还可以合并对象:
var mergedObj = { ...obj1, ...obj2 };
感谢这篇文章。 我想添加一些有用的东西。
对于IE来说,很好用
object["property"] = value;
语法,因为 IE 中的一些特殊词可能会给您一个错误。
一个例子:
object.class = 'value';
这在 IE 中失败,因为“类”是一个特殊词。 我花了几个小时来处理这个。
您还可以使用ECMAScript 2015
中的Object.assign
。 它还允许您一次添加嵌套属性。 例如:
const myObject = {};
Object.assign(myObject, {
firstNewAttribute: {
nestedAttribute: 'woohoo!'
}
});
Ps:这不会覆盖具有分配属性的现有对象。 相反,它们将被添加。 但是,如果您为现有属性分配一个值,那么它将被覆盖。
extend: function(){
if(arguments.length === 0){ return; }
var x = arguments.length === 1 ? this : arguments[0];
var y;
for(var i = 1, len = arguments.length; i < len; i++) {
y = arguments[i];
for(var key in y){
if(!(y[key] instanceof Function)){
x[key] = y[key];
}
}
};
return x;
}
扩展多个 json 对象(忽略函数):
extend({obj: 'hej'}, {obj2: 'helo'}, {obj3: {objinside: 'yes'}});
将产生单个 json 对象
您还可以直接在对象文字中动态添加带有变量的属性。
const amountAttribute = 'amount';
const foo = {
[amountAttribute]: 1
};
foo[amountAttribute + "__more"] = 2;
结果是:
{
amount: 1,
amount__more: 2
}
您还可以使用扩展功能将新的 json 对象添加到您的 json 中,
var newJson = $.extend({}, {my:"json"}, {other:"json"});
// result -> {my: "json", other: "json"}
扩展函数的一个很好的选择是递归合并。 只需添加真值作为第一个参数(阅读文档以获取更多选项)。 例子,
var newJson = $.extend(true, {}, {
my:"json",
nestedJson: {a1:1, a2:2}
}, {
other:"json",
nestedJson: {b1:1, b2:2}
});
// result -> {my: "json", other: "json", nestedJson: {a1:1, a2:2, b1:1, b2:2}}
使用jquery的$.extend()
,如下所示:
token = {_token:window.Laravel.csrfToken};
data = {v1:'asdass',v2:'sdfsdf'}
dat = $.extend(token,data);
我希望你为他们服务。
以下为我添加了一个名为“id”的新字段。 Angular Slickgrid 通常需要这样的 id
addId() {
this.apiData.forEach((item, index) => {
item.id = index+1;
});
for(var i=0;i<JsonObject.length;i++){
alert("inside forloop");
var dataArray = JsonObject[i];
alert(dataArray["data"]);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.