Aggiunta di elementi all'oggetto

Ho bisogno di popolare un file json, ora ho qualcosa del genere:

{"element":{"id":10,"quantity":1}}

E devo aggiungere un altro "elemento". Il mio primo passo è mettere quel json in un tipo di oggetto usando cart = JSON.parse, ora ho bisogno di aggiungere il nuovo elemento. Ho supposto di dover usare cart.pushper aggiungere un altro elemento, ho provato questo:

var element = {};
element.push({ id: id, quantity: quantity });
cart.push(element);

Ma ho ricevuto l'errore "L'oggetto non ha alcun metodo push" quando provo a fare element.push, e penso che sto facendo qualcosa di MOLTO sbagliato perché non sto dicendo "l'elemento" da nessuna parte.

Come lo posso fare?

Modifica: scusa per tutto ciò che avevo molta confusione nella mia testa.

Pensavo di poter ottenere solo il tipo di oggetto quando prendevo i dati JSON.parse, ma in primo luogo ottengo quello che ho inserito nel JSON.

Mettere array anziché oggetto ha risolto il mio problema, ho usato anche molti suggerimenti qui, grazie a tutti!

Il tuo elemento non è un array, tuttavia il carrello deve essere un array per supportare molti oggetti element. Esempio di codice:

var element = {}, cart = [];
element.id = id;
element.quantity = quantity;
cart.push(element);

Se si desidera che il carrello sia una matrice di oggetti nel modulo, { element: { id: 10, quantity: 1} }eseguire:

var element = {}, cart = [];
element.id = id;
element.quantity = quantity;
cart.push({element: element});

JSON.stringify() è stato menzionato come preoccupazione nel commento:

>> JSON.stringify([{a: 1}, {a: 2}]) 
      "[{"a":1},{"a":2}]" 

Con quella fila

var element = {};

tu definisci elementun semplice oggetto. L'oggetto JavaScript nativo non ha push()metodo. Per aggiungere nuovi elementi a un oggetto semplice utilizzare questa sintassi:

element[ yourKey ] = yourValue;

D'altra parte, è possibile definire elementcome un array usando

var element = [];

Quindi puoi aggiungere elementi usando push().

Se il carrello deve essere archiviato come oggetto e non come array (anche se consiglierei di memorizzarlo come []), puoi sempre modificare la struttura per utilizzare l'ID come chiave:

var element = { quantity: quantity };
cart[id] = element;

Ciò ti consente di aggiungere più articoli al carrello in questo modo:

cart["1"] = { quantity: 5};
cart["2"] = { quantity: 10};

// Cart is now:
// { "1": { quantity: 5 }, "2": { quantity: 10 } }

Per aggiungere a un oggetto utilizzare Object.assign

var ElementList ={}

function addElement (ElementList, element) {
    let newList = Object.assign(ElementList, element)
    return newList
}
console.log(ElementList)

Produzione:

{ "Elemento": { "id": 10, "quantità": 1}, "elemento": { "id": 11, "quantità": 2}}

Stavo leggendo qualcosa legato a questo tentativo, se è utile.

1. Definire una funzione push all'interno di un oggetto.

let obj={push:function push(element){ [].push.call(this,element)}};

Ora puoi spingere elementi come un array

obj.push(1)
obj.push({a:1})
obj.push([1,2,3])

Questo produrrà questo oggetto

obj={
 0: 1
 1: {a: 1}
 2: (3) [1, 2, 3]
 length: 3
}

Nota che gli elementi sono aggiunti con indici e vedi anche che c'è una nuova proprietà length aggiunta all'oggetto. Questo sarà utile per trovare anche la lunghezza dell'oggetto. Funziona a causa della natura generica della push()funzione

dovresti scrivere var element = [];
in javascript {}è un oggetto vuoto ed []è un array vuoto.

cart.push({"element":{ id: id, quantity: quantity }});

function addValueInObject(object, key, value) {
    var res = {};
    var textObject = JSON.stringify(object);
    if (textObject === '{}') {
        res = JSON.parse('{"' + key + '":"' + value + '"}');
    } else {
        res = JSON.parse('{' + textObject.substring(1, textObject.length - 1) + ',"' + key + '":"' + value + '"}');
    }
    return res;
}

questo codice è funzionato.

Prova questo:

var data = [{field:"Data",type:"date"},  {field:"Numero",type:"number"}];

var columns = {};

var index = 0;

$.each(data, function() {

    columns[index] = {
        field : this.field,
        type : this.type
    };

    index++;
});

console.log(columns);

Aggiunta di nuovi elementi chiave / coppia nell'oggetto originale:

const obj = { a:1, b:2 }
const add = { c:3, d:4, e: ['x','y','z'] }

Object.entries(add).forEach(([key,value]) => {obj[key] = value })

nuovo valore:

{a: 1, b: 2, c: 3, d: 4, e: ["x", "y", "z"] }

Se qualcuno cerca di creare un JSON simile, semplicemente senza utilizzarlo cartcome array, ecco:

Ho una serie di oggetti myArrcome:

var myArr = [{resourceType:"myRT",
            id: 1,
            value:"ha"},
            {resourceType:"myRT",
            id: 2,
            value:"he"},
            {resourceType:"myRT",
            id: 3,
            value:"Li"}];

e tenterò di creare un JSON con la seguente struttura:

{
 "1":{"resourceType":"myRT","id":"1","value":"ha"},
 "2":{"resourceType":"myRT","id":"2","value":"he"},
 "3":{"resourceType":"myRT","id":"3","value":"Li"}
}

puoi semplicemente fare-

var cart = {};
myArr.map(function(myObj){
                    cart[myObj.id]= myObj;
                    });

Per chiunque sia ancora alla ricerca di una soluzione, penso che gli oggetti avrebbero dovuto essere archiviati in un array come ...

var element = {}, cart = [];
element.id = id;
element.quantity = quantity;
cart.push(element);

Quindi quando vuoi usare un elemento come oggetto puoi farlo ...

var element = cart.find(function (el) { return el.id === "id_that_we_want";});

Metti una variabile in "id_that_we_want" e assegnagli l'id dell'elemento che vogliamo dal nostro array. Viene restituito un oggetto "elemnt". Naturalmente non abbiamo bisogno di noi per trovare l'oggetto. Potremmo usare qualsiasi altra proprietà per fare la ricerca.

 function addValueInObject(value, object, key) {

        var addMoreOptions = eval('{"'  + key + '":' +  value + '}');

        if(addMoreOptions != null) {
            var textObject = JSON.stringify(object);
            textObject = textObject.substring(1,textObject.length-1);
            var AddElement = JSON.stringify(addMoreOptions);
            object = eval('{' + textObject +','+  AddElement.substring(1,AddElement.length-1) + '}');
        }
        return object;
    }

addValueInObject('sdfasfas', yourObject, 'keyname');

O:

var obj = {'key':'value'};

obj.key2 = 'value2';

push è un metodo di array, quindi per l'oggetto è possibile ottenere l'indice dell'ultimo elemento e probabilmente si può fare lo stesso lavoro di push per l'oggetto come di seguito

var lastIndex = Object.keys(element)[Object.keys(element).length-1];

quindi aggiungi l'oggetto al nuovo indice dell'elemento

element[parseInt(lastIndex) +1] = { id: id, quantity: quantity };

se non si progetta di eseguire il loop con in JS, ad es. passare a PHP per eseguire il loop

let decision = {}
decision[code+'#'+row] = event.target.value

questo concetto può aiutare un po '

Questa è una vecchia domanda, comunque oggi la migliore pratica è usare Object.defineProperty

const object1 = {};

Object.defineProperty(object1, 'property1', {
  value: 42,
  writable: false
});

object1.property1 = 77;
// throws an error in strict mode

console.log(object1.property1);
// expected output: 42