Додавання елементів до об'єкта

Мені потрібно заповнити файл json, тепер у мене є щось подібне:

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

І мені потрібно додати ще один «елемент». Першим моїм кроком є ​​введення цього json у тип Object за допомогою cart = JSON.parse, тепер мені потрібно додати новий елемент. Я вважав, що треба використовувати, cart.pushщоб додати ще один елемент, я спробував це:

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

Але у мене з'явилася помилка "Об'єкт не має натискання методу", коли я намагаюся це зробити element.push, і я думаю, що я роблю щось ДУЖЕ неправильно, тому що я ніде не кажу "елемент".

Як я можу це зробити?

Редагувати: вибачте за все, у мене було багато плутанини в голові.

Я думав, що можу отримати лише тип об'єкта, коли беру дані JSON.parse, але я отримую те, що я вкладаю в JSON в першу чергу.

Поставивши масив замість об’єкта, вирішив мою проблему, я також використав безліч пропозицій, дякую всім!

Ваш елемент не є масивом, проте ваш кошик повинен бути масивом, щоб підтримувати багато об'єктних елементів. Приклад коду:

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

Якщо ви хочете, щоб кошик був масивом об'єктів у формі, { element: { id: 10, quantity: 1} }виконайте:

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

JSON.stringify() в коментарі згадувалося як стурбованість:

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

З цим рядом

var element = {};

ви визначаєте elementяк звичайний об’єкт. Власний об’єкт JavaScript не має push()методу. Щоб додати нові елементи до звичайного об’єкта, використовуйте цей синтаксис:

element[ yourKey ] = yourValue;

З іншого боку, ви можете визначити elementяк масив, використовуючи

var element = [];

Потім ви можете додати елементи за допомогою push().

Якщо візок повинен зберігатися як об’єкт, а не масив (Хоча я б рекомендував зберігати як []), ви завжди можете змінити структуру, щоб використовувати ідентифікатор як ключ:

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

Це дозволяє додавати в кошик кілька предметів так:

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

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

Щоб додати до об’єкта використання Object.assign

var ElementList ={}

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

Вихід:

{"елемент": {"id": 10, "кількість": 1}, "елемент": {"id": 11, "кількість": 2}}

ви повинні написати var element = [];
в JavaScript {}- це порожній об'єкт і []є порожнім масивом.

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

Я читав щось, пов’язане з цією спробу, якщо це корисно.

1.Визначте функцію натискання всередині об'єкта.

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

Тепер ви можете натискати елементи, як масив

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

Це створить цей об’єкт

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

Зауважте, що елементи додаються з індексами, а також бачите, що до об'єкта додано нове властивість довжини. Це також буде корисно знайти довжину об'єкта. Це працює через загальний характер push()функції

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

цей код працює.

Спробуйте це:

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

Додавання нових елементів ключа / пари в оригінальний об'єкт:

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

нове значення:

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

Якщо хтось приходить шукати створити подібний JSON, просто без використання cart як масив, ось що:

У мене є масив об'єктів myArrяк:

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

і я спробую створити JSON із такою структурою:

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

ви можете просто зробити-

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

Для тих, хто ще шукає рішення, я думаю, що об'єкти повинні були зберігатися в масиві, як ...

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

Тоді, коли ви хочете використовувати елемент як об'єкт, ви можете це зробити ...

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

Помістіть змінну на "id_that_we_want" і надайте їй ідентифікатор елемента, який ми хочемо з нашого масиву. Повертається об'єкт "елем". Звичайно, нам не потрібно ідентифікувати, щоб знайти об’єкт. Ми можемо використовувати будь-яку іншу власність, щоб зробити цю знахідку.

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

АБО:

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

obj.key2 = 'value2';

push - це метод масивів, тому для об'єкта ви можете отримати індекс останнього елемента, і ви, ймовірно, можете виконати ту саму роботу, що і push для об'єкта, як нижче

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

потім додайте об'єкт до нового індексу елемента

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

якщо ви не плануєте робити цикл в JS, наприклад, перейдіть до PHP, щоб зробити цикл для вас

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

ця концепція може трохи допомогти

Це старе питання, і все-таки сьогодні найкращою практикою є використання 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