Menambahkan elemen ke objek

Saya perlu mengisi file json, sekarang saya punya sesuatu seperti ini:

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

Dan saya perlu menambahkan "elemen" lainnya. Langkah pertama saya adalah menempatkan json itu menggunakan tipe Object cart = JSON.parse, sekarang saya perlu menambahkan elemen baru. Saya kira saya harus menggunakan cart.pushuntuk menambahkan elemen lain, saya mencoba ini:

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

Tapi saya mendapat kesalahan "Objek tidak memiliki metode push" ketika saya mencoba melakukannya element.push, dan saya pikir saya melakukan sesuatu yang SANGAT salah karena saya tidak memberi tahu "elemen" di mana saja.

Bagaimana saya bisa melakukan itu?

Sunting: maaf untuk semua yang saya miliki BANYAK kebingungan di kepala saya.

Saya pikir saya hanya bisa mendapatkan tipe objek ketika mengambil data dari JSON.parse, tapi saya mendapatkan apa yang saya masukkan ke dalam JSON.

Puting array bukan objek memecahkan masalah saya, saya menggunakan banyak saran juga, terima kasih semua!

Elemen Anda bukan array, namun keranjang Anda harus berupa array untuk mendukung banyak objek elemen. Contoh kode:

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

Jika Anda ingin kereta menjadi larik objek dalam formulir, { element: { id: 10, quantity: 1} }lakukan:

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

JSON.stringify() disebutkan sebagai perhatian dalam komentar:

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

Dengan deretan itu

var element = {};

Anda mendefinisikan elementmenjadi objek biasa. Objek JavaScript asli tidak memiliki push()metode. Untuk menambahkan item baru ke objek biasa, gunakan sintaks ini:

element[ yourKey ] = yourValue;

Di sisi lain Anda bisa mendefinisikan elementsebagai array menggunakan

var element = [];

Lalu Anda bisa menambahkan elemen menggunakan push().

Jika keranjang harus disimpan sebagai objek dan bukan array (Meskipun saya akan merekomendasikan menyimpan sebagai []) Anda selalu dapat mengubah struktur untuk menggunakan ID sebagai kuncinya:

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

Ini memungkinkan Anda untuk menambahkan banyak item ke keranjang seperti:

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

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

Untuk menambahkan ke objek gunakan Object.assign

var ElementList ={}

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

Keluaran:

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

Anda harus menulis var element = [];
dalam javascript {}adalah objek kosong dan []array kosong.

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

Saya sedang membaca sesuatu yang berkaitan dengan percobaan ini jika itu berguna.

1. Tetapkan fungsi push di dalam objek.

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

Sekarang Anda bisa mendorong elemen seperti array

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

Ini akan menghasilkan objek ini

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

Perhatikan elemen yang ditambahkan dengan indeks dan juga melihat bahwa ada properti panjang baru yang ditambahkan ke objek. Ini akan berguna untuk menemukan panjang objek juga. Ini berfungsi karena sifat push()fungsi yang generik

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

kode ini berfungsi.

Coba ini:

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

Menambahkan elemen kunci / pasangan baru ke objek asli:

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

nilai baru obj:

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

Jika ada yang datang mencari untuk membuat JSON serupa, hanya tanpa menggunakan cartsebagai array, begini:

Saya memiliki berbagai objek myArrsebagai:

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

dan saya akan mencoba membuat JSON dengan struktur berikut:

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

Anda bisa melakukan-

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

Bagi siapa pun yang masih mencari solusi, saya pikir objek seharusnya disimpan dalam array seperti ...

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

Kemudian ketika Anda ingin menggunakan elemen sebagai objek Anda bisa melakukan ini ...

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

Letakkan variabel di "id_that_we_want" dan berikan id elemen yang kita inginkan dari array kita. Objek "elemnt" dikembalikan. Tentu saja kita tidak perlu id kita untuk menemukan objek. Kami dapat menggunakan properti lain untuk melakukan pencarian.

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

ATAU:

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

obj.key2 = 'value2';

push adalah metode array, jadi untuk objek Anda bisa mendapatkan indeks elemen terakhir, dan Anda mungkin bisa melakukan pekerjaan yang sama dengan push untuk objek seperti di bawah ini

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

kemudian tambahkan objek ke indeks elemen baru

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

jika Anda tidak merancang untuk melakukan loop dengan di JS misalnya lulus ke PHP untuk melakukan loop untuk Anda

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

konsep ini mungkin sedikit membantu

Ini adalah pertanyaan lama, toh hari ini praktik terbaik adalah dengan menggunakan 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