การเพิ่มองค์ประกอบให้กับวัตถุ

ฉันต้องการที่จะเติมไฟล์ json ตอนนี้ฉันมีสิ่งนี้:

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

และฉันต้องการเพิ่ม "องค์ประกอบ" อีกอัน ขั้นตอนแรกของฉันคือการวาง json นั้นในประเภทวัตถุโดยใช้cart = JSON.parseตอนนี้ฉันต้องเพิ่มองค์ประกอบใหม่ ฉันคิดว่าฉันต้องใช้cart.pushเพื่อเพิ่มองค์ประกอบอื่นฉันลองนี้:

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

แต่ฉันได้รับข้อผิดพลาด "Object ไม่มีวิธีผลัก" เมื่อฉันพยายามทำ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()จากนั้นคุณสามารถเพิ่มองค์ประกอบโดยใช้

หากต้องมีการจัดเก็บรถเข็นเป็นวัตถุและไม่ใช่อาร์เรย์ (แม้ว่าฉันจะแนะนำให้เก็บเป็น []) คุณสามารถเปลี่ยนโครงสร้างเพื่อใช้ ID เป็นคีย์ได้เสมอ:

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

ฉันกำลังอ่านสิ่งที่เกี่ยวข้องกับการลองนี้หากมีประโยชน์

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()ฟังก์ชัน

คุณควรเขียนvar element = [];
ด้วยจาวาสคริปต์{}เป็นวัตถุว่างและ[]เป็นอาร์เรย์ว่าง

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

รหัสนี้ใช้งานได้

ลองสิ่งนี้:

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

obj ค่าใหม่:

{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" และให้ id ขององค์ประกอบที่เราต้องการจากอาร์เรย์ของเรา ส่งคืนวัตถุ "elemnt" แน่นอนว่าเราไม่จำเป็นต้องใช้ ID ในการค้นหาวัตถุ เราสามารถใช้คุณสมบัติอื่นใดเพื่อทำการค้นหา

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

พุชเป็นวิธีการของอาร์เรย์ดังนั้นสำหรับวัตถุที่คุณสามารถรับดัชนีขององค์ประกอบสุดท้ายและคุณสามารถทำเช่นเดียวกับการผลักดันวัตถุดังต่อไปนี้

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