Agregar nuevo atributo (elemento) al objeto JSON con JavaScript

Question

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

Answer 1

JSON significa notación de objetos JavaScript. 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, podría hacer lo siguiente.

object["property"] = value; 

o

object.property = value; 

Si usted proporciona alguna información extra, como exactamente lo que tiene que hacer en su contexto es posible obtener una respuesta más personalizada.

Answer 2

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

mything.NewField = 'foo'; 

Answer 3

Hola, gracias por esta publicación. Quiero agregar algo que pueda ser útil.

Para IE, es bueno usar la sintaxis object["property"] = value; porque algunas palabras especiales en IE pueden darle un error. Un ejemplo: object.class = 'value'; esto falla en IE, porque "clase" es una palabra especial. Pasé varias horas con esto ................!

Answer 4

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

Answer 5

for(var i=0;i<JsonObject.length;i++){ 
        alert("inside forloop"); 
        var dataArray = JsonObject[i]; 
        alert(dataArray["data"]); 

      } 

Answer 6

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 único objeto JSON

Answer 7

También puede agregar nuevos objetos JSON en su JSON , usando la función extend,

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

Una muy buena opción para la función extender es la combinación recursiva. Simplemente agregue el valor verdadero como el 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}} 

Answer 8

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

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

espero que les sirva.

Answer 9

También puede usar Object.assign de ECMAScript 2015. También le permite agregar atributos anidados a la vez. Por ejemplo:

const myObject = {}; 

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

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