JS มี 2 สัญกรณ์สำหรับสร้างคุณสมบัติของอ็อบเจ็กต์ ได้แก่ ดอทสัญกรณ์ และสัญกรณ์วงเล็บ
ในการสร้างคุณสมบัติของอ็อบเจ็กต์จากตัวแปร คุณต้องใช้เครื่องหมายวงเล็บดังนี้ -
ตัวอย่าง
const obj = {a: 'foo'}
const prop = 'bar'
// Set the property bar using the variable name prop
obj[prop] = 'baz'
console.log(obj); ผลลัพธ์
สิ่งนี้จะให้ผลลัพธ์ -
{
a: 'foo',
bar: 'baz'
} ES6 แนะนำชื่อคุณสมบัติที่คำนวณซึ่งช่วยให้คุณทำ -
ตัวอย่าง
const prop = 'bar'
const obj = {
// Use a as key
a: 'foo',
// Use the value of prop as key
[prop]: 'baz'
}
console.log(obj); ผลลัพธ์
สิ่งนี้จะให้ผลลัพธ์ -
{
a: 'foo',
bar: 'baz'
} 