Añadir datos a un objeto en JavaScript
Escrito el 13 enero 2016 por Luis Ignacio Díaz Martínez

Tabla de contenidos

Trabajar con objetos en JavaScript es esencial hoy en día… y aún mas si trabajamos con JQuery.

A continuación veremos la función «push». Esta, nos permite añadir datos (otro objeto o valores) dentro de un objeto ya existente o declarado. Hay que tener en cuenta que esta función también es aplicable a matrices (array).

Ejemplo básico

Tenemos el siguiente objeto declarado en JavaScript…

var objecto = { 
      values: [] 
};

var objecto = {

values: []

};

Podemos añadir un nuevo objeto (o valores) dentro de ‘objeto.values’. Para ello realizaremos lo siguiente gracias a la función ‘push’:

objecto.values.push({
    id:1,
    name:'casa'
});

objecto.values.push({

id:1,

name:'casa'

});

Una vez realizado esto el objeto quedaría de la siguiente forma:

{
    values:[
        {
            id:1,
            name:'casa'
        }
    ]
}

{

values:[

{

id:1,

name:'casa'

}

]

}

Esta sería la explicación breve del funcionamiento de ‘push’ y su definición.

Objeto recursivo con JQuery

En JQuery podemos recorrer un objeto que ya tenemos y generar uno nuevo gracias a la función que hemos explicado anteriormente.

Imaginemos que tenemos el siguiente objeto:

var marcas = {
      return:[
        {
            id:"1",
            code:"HP",
            name:"Hewlett-Packard"
        },
        {
            id:"2",
            code:"Canon",
            name:"CANON"
        },
      ]
}

var marcas = {

return:[

{

id:"1",

code:"HP",

name:"Hewlett-Packard"

{

id:"2",

code:"Canon",

name:"CANON"

]

}

Y queremos añadir algunos de los valores de este objetos dentro del siguiente:

var objetoNuevo = {
      values:[
        {
            id:"1",
            label:"HP"
        },
        {
            id:"2",
            label:"CANON"
        },
      ]
}

var objetoNuevo = {

values:[

{

id:"1",

label:"HP"

{

id:"2",

label:"CANON"

]

}

Para ello, nos ayudaremos de la función «each» de JQuery…

$(marcas.return).each(function(){
    objetoNuevo.values.push({
        id:this.id,
        label:this.code
    });                        
});

$(marcas.return).each(function(){

objetoNuevo.values.push({

id:this.id,

label:this.code

});

Como podemos ver, sencillamente estamos recorriendo el objeto «marcas» y lo estamos almacenando en «objetoNuevo».

Cargando... JavaScript • JQuery • Objetos • Programación • Push

Añadir datos a un objeto en JavaScript
Escrito el 13 enero 2016 por Luis Ignacio Díaz Martínez

Ejemplo básico

Objeto recursivo con JQuery

Comentarios:

Etiquetas

Sobre mi

Contactar

Sobre la web

Licencia

Añadir datos a un objeto en JavaScript Escrito el 13 enero 2016 por Luis Ignacio Díaz Martínez

Ejemplo básico

Objeto recursivo con JQuery

Comentarios:

Etiquetas

Sobre mi

Contactar

Sobre la web

Licencia

Añadir datos a un objeto en JavaScript
Escrito el 13 enero 2016 por Luis Ignacio Díaz Martínez