Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm thế nào để tạo một thuộc tính đối tượng từ một giá trị biến trong JavaScript?

JS có 2 ký hiệu để tạo thuộc tính đối tượng, ký hiệu dấu chấm và ký hiệu dấu ngoặc.

Để tạo thuộc tính đối tượng từ một biến, bạn cần sử dụng chú thích dấu ngoặc theo cách sau -

Ví dụ

const obj = {a: 'foo'}
const prop = 'bar'
// Set the property bar using the variable name prop
obj[prop] = 'baz'
console.log(obj);

Đầu ra

Điều này sẽ cung cấp đầu ra -

{
   a: 'foo',
   bar: 'baz'
}

ES6 giới thiệu các tên thuộc tính được tính toán, cho phép bạn thực hiện -

Ví dụ

const prop = 'bar'
const obj = {
   // Use a as key
   a: 'foo',
   // Use the value of prop as key
   [prop]: 'baz'
}
console.log(obj);

Đầu ra

Điều này sẽ cung cấp đầu ra -

{
   a: 'foo',
   bar: 'baz'
}