ข้อผิดพลาดในการเข้าถึงองค์ประกอบด้วยคีย์ใน JavaScript
เมื่อเข้าถึงองค์ประกอบของวัตถุผ่าน วงเล็บเหลี่ยม ชื่อคีย์จำเป็นต้องใส่ ในเครื่องหมายคำพูด แต่ชื่อตัวแปรไม่ต้อง ความไม่เข้าใจในจุดนี้มักสามารถนำไปสู่ ข้อผิดพลาดได้ ดังนั้นลองมาอภิปราย กฎการเข้าถึงอีกครั้ง
ในโค้ดต่อไปนี้เราได้องค์ประกอบ
ด้วยคีย์ 'key' จากวัตถุ:
console.log(obj['key']);
และในโค้ดต่อไปนี้เราได้องค์ประกอบ
จากวัตถุด้วยคีย์ ซึ่งชื่อ
ของมันถูกเก็บไว้ในตัวแปร key:
console.log(obj[key]);
แก้ไขข้อผิดพลาดที่เกิดขึ้นในโค้ดต่อไปนี้:
let obj = {x: 1, y: 2, z: 3};
console.log(obj[x]);
แก้ไขข้อผิดพลาดที่เกิดขึ้นในโค้ดต่อไปนี้:
let obj = {x: 1, y: 2, z: 3};
let key = 'x';
console.log(obj['key']);