คุณสมบัติที่คำนวณได้ใน JavaScript

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

javascriptlet obj = {
  a: 1,
  b: 2,
  c: 3
};

สมมติว่าชื่อของคุณสมบัติบางอย่างถูกเก็บ ไว้ในตัวแปร:

javascriptlet key = 'a';

มาทำให้แทนที่ ชื่อของคุณสมบัติจะนำค่าจากตัวแปรของเรา มาใช้ สำหรับสิ่งนี้ ควรใส่ตัวแปรไว้ในเครื่องหมายวงเล็บ เหลี่ยม:

javascriptlet obj = {
  [key]: 1,
  b: 2,
  c: 3
};

เมื่อประกาศคุณสมบัติที่คำนวณได้ สามารถ รันโค้ดบางส่วนได้ ตัวอย่าง:

javascriptlet obj = {
  [key + '1']: 1,
  [key + '2']: 2,
  [key + '3']: 3
};

javascriptlet key = 'x';

let obj = {
  key: 1,
  y: 2,
  z: 3
};

javascriptlet obj = {
  x: 1,
  y: 2,
  z: 3
};

javascriptlet key1 = 'x';
let key2 = 'y';
let key3 = 'z';