Agregue un nuevo atributo (elemento) al objeto JSON usando JavaScript

¿Cómo agrego un nuevo atributo (elemento) al objeto JSON usando JavaScript?

JSON significa JavaScript Object Notation. Un objeto JSON es realmente una cadena que aún no se ha convertido en el objeto que representa.

Para agregar una propiedad a un objeto existente en JS, puede hacer lo siguiente.

object["property"] = value;

o

object.property = value;

Si proporciona información adicional, como exactamente lo que necesita hacer en contexto, puede obtener una respuesta más personalizada.

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

Un objeto JSON es simplemente un objeto javascript, por lo que con Javascript como un lenguaje basado en prototipos, todo lo que tiene que hacer es abordarlo utilizando la notación de puntos.

mything.NewField = 'foo';

gracias por este post Quiero agregar algo que pueda ser útil.

Para IE, es bueno usar

object["property"] = value;

sintaxis porque algunas palabras especiales en IE pueden darte un error.

Un ejemplo:

object.class = 'value';

esto falla en IE, porque " clase " es una palabra especial. Pasé varias horas con esto.

Con ECMAScript desde 2015 puede usar Sintaxis de propagación (... tres puntos):

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

Le permite agregar subobjetos:

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

el resultado sería:

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

También puede fusionar objetos:

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

También puedes usar Object.assigndesde ECMAScript 2015. También le permite agregar atributos anidados a la vez. P.ej:

const myObject = {};

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

Ps: Esto no anulará el objeto existente con los atributos asignados. En cambio, se agregarán. Sin embargo, si asigna un valor a un atributo existente, se anulará.

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

Extiende múltiples objetos json (ignora funciones):

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

Resultará en un solo objeto json

También puede agregar nuevos objetos json a su json, utilizando la función extender ,

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

Una muy buena opción para la función extender es la fusión recursiva. Simplemente agregue el valor verdadero como primer parámetro (lea la documentación para más opciones). Ejemplo,

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

También puede agregar dinámicamente atributos con variables directamente en un objeto literal.

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

Resultados en:

{
    amount: 1, 
    amount__more: 2
}

Usos $.extend()de jquery , así:

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

Espero que les sirvas.