JavaScript kullanarak JSON nesnesine yeni özellik (öğe) ekleme

JavaScript kullanarak JSON nesnesine nasıl yeni öznitelik (öğe) ekleyebilirim?

JSON, JavaScript Nesne Gösterimi anlamına gelir. JSON nesnesi gerçekten de temsil ettiği nesneye dönüştürülmemiş bir dizedir.

JS'de varolan bir nesneye özellik eklemek için aşağıdakileri yapabilirsiniz.

object["property"] = value;

veya

object.property = value;

Tam olarak bağlamda yapmanız gerekenler gibi bazı ekstra bilgiler sağlarsanız, daha uygun bir yanıt alabilirsiniz.

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);

Bir JSON nesnesi basitçe bir javascript nesnesidir, bu nedenle Javascript prototip tabanlı bir dil olduğundan, tek yapmanız gereken nokta gösterimini kullanarak bunu ele almaktır.

mything.NewField = 'foo';

bu yazı için teşekkürler. Yararlı olabilecek bir şey eklemek istiyorum.

IE için, kullanmak iyidir

object["property"] = value;

sözdizimi çünkü IE'deki bazı özel kelimeler size bir hata verebilir.

Bir örnek:

object.class = 'value';

" sınıf " özel bir sözcük olduğu için bu IE başarısız . Bununla birkaç saat geçirdim.

2015'ten beri ECMAScript ile Spread Sözdizimini (… üç nokta) kullanabilirsiniz:

let  people = { id: 4 ,firstName: 'John'};
people = { ...people, secondName: 'Fogerty'};

Alt nesneler eklemenize izin verir:

people = { ...people, city: { state: 'California' }};

sonuç şöyle olur:

{  
   "id": 4,
   "firstName": "John",
   "secondName": "Forget",
   "city": {  
      "state": "California"
   }
}

Nesneleri de birleştirebilirsiniz:

var mergedObj = { ...obj1, ...obj2 };

Ayrıca kullanabilirsiniz Object.assigngelen ECMAScript 2015. Ayrıca, bir kerede iç içe nitelikler eklemenizi sağlar. Örneğin:

const myObject = {};

Object.assign(myObject, {
    firstNewAttribute: {
        nestedAttribute: 'woohoo!'
    }
});

Ps: Bu, atanan niteliklere sahip mevcut nesneyi geçersiz kılmaz. Bunun yerine eklenirler. Ancak mevcut bir özniteliğe bir değer atarsanız, bu değer geçersiz kılınır.

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;
}

Birden çok json nesnesini genişletir (işlevleri yok sayar):

extend({obj: 'hej'}, {obj2: 'helo'}, {obj3: {objinside: 'yes'}});

Tek bir json nesnesiyle sonuçlanacak

Ayrıca kullanarak, json içine yeni json nesneleri ekleyebilir uzatmak , işlevi

var newJson = $.extend({}, {my:"json"}, {other:"json"});
// result -> {my: "json", other: "json"}

Genişletme işlevi için çok iyi bir seçenek, yinelemeli birleştirme işlemidir. Doğru değeri ilk parametre olarak eklemeniz yeterlidir (daha fazla seçenek için belgeleri okuyun). Misal,

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}}

Ayrıca, değişkenleri içeren öznitelikleri doğrudan nesne değişmezine dinamik olarak ekleyebilirsiniz.

const amountAttribute = 'amount';
const foo = {
                [amountAttribute]: 1
            };
foo[amountAttribute + "__more"] = 2;

Sonuçlar:

{
    amount: 1, 
    amount__more: 2
}

Kullanımları $.extend()ait jquery bu gibi:

token = {_token:window.Laravel.csrfToken};
data = {v1:'asdass',v2:'sdfsdf'}
dat = $.extend(token,data); 

Umarım onlara hizmet edersin.