JavaScript - ไม่สามารถตั้งค่าคุณสมบัติของ undefined

รหัสของฉัน:

var a = "1",
b = "hello",
c = { "100" : "some important data" },
d = {};

d[a]["greeting"] = b;
d[a]["data"] = c;

console.debug (d);

ฉันได้รับข้อผิดพลาดต่อไปนี้:

Uncaught TypeError: ไม่สามารถตั้งค่าคุณสมบัติ 'คำทักทาย' ของ undefined

ฉันกำลังพยายามทำสิ่งที่คล้ายกับอาร์เรย์เชื่อมโยง เหตุใดจึงไม่ทำงาน

คุณไม่เคยตั้งค่าd[a]เป็นค่าใด ๆ

ด้วยเหตุนี้จึงd[a]ประเมินเป็นundefinedและคุณไม่สามารถตั้งค่าคุณสมบัติundefinedได้

หากคุณเพิ่มd[a] = {}ทันทีd = {}สิ่งต่างๆควรเป็นไปตามที่คาดไว้

หรือคุณสามารถใช้ object initializer:

d[a] = {
    greetings: b,
    data: c
};

หรือคุณสามารถตั้งค่าคุณสมบัติทั้งหมดของdอินสแตนซ์ฟังก์ชันที่ไม่ระบุชื่อ:

d = new function () {
    this[a] = {
        greetings: b,
        data: c
    };
};

หากคุณอยู่ในสภาพแวดล้อมที่รองรับคุณสมบัติ ES2015 คุณสามารถใช้ชื่อคุณสมบัติที่คำนวณได้ :

d = {
  [a]: {
    greetings: b,
    data: c
  }
};

คุณต้องตั้งค่าd[a]เป็นอาร์เรย์เชื่อมโยงหรือวัตถุ:

• d[a] = [];
• d[a] = {};

หากไม่มีการตั้งค่านี่คือสิ่งที่เกิดขึ้น:

d[a] == undefinedดังนั้นคุณกำลังทำอยู่undefined['greeting']=b;และตามคำนิยาม undefined ไม่มีคุณสมบัติ ดังนั้นข้อผิดพลาดที่คุณได้รับ

วัตถุที่เก็บไว้ที่d[a]ไม่ได้ถูกตั้งค่าเป็นอะไรเลย ดังนั้นประเมินd[a] undefinedคุณไม่สามารถกำหนดคุณสมบัติให้undefined:) คุณต้องกำหนดวัตถุหรืออาร์เรย์ให้กับd[a]:

d[a] = [];
d[a]["greeting"] = b;

console.debug(d);

ในจาวาสคริปต์เกือบทุกอย่างเป็นวัตถุnullและundefinedมีข้อยกเว้น

อินสแตนซ์ของArrayเป็นวัตถุ ดังนั้นคุณจึงสามารถตั้งค่าคุณสมบัติของอาร์เรย์ด้วยเหตุผลเดียวกันคุณไม่สามารถตั้งค่าคุณสมบัติของสิ่งที่ไม่ได้กำหนดได้เนื่องจากไม่ใช่วัตถุ

ฉันแค่ตรวจสอบง่ายๆเพื่อดูว่ามี d [a] อยู่หรือไม่และหากไม่ได้เริ่มต้น ...

var a = "1",
    b = "hello",
    c = { "100" : "some important data" },
    d = {};

    if (d[a] === undefined) {
        d[a] = {}
    };
    d[a]["greeting"] = b;
    d[a]["data"] = c;

    console.debug (d);

d = {} เป็นวัตถุว่างเปล่าในขณะนี้

และ d [a] ยังเป็นวัตถุว่าง

ไม่มีค่าคีย์ใด ๆ ดังนั้นคุณควรเริ่มต้นค่าคีย์ของสิ่งนี้

d[a] = {
greetings:'',
data:''
}