Cách đặt khóa thuộc tính động (dynamic property keys) cho đối tượng trong JavaScript

Trước đây tạo thuộc tính động trong object là quy trình 2 bước nhưng ES6 làm cho việc này rất đơn giản. Chỉ 1 bước tạo thuộc tính động. Thảo luận sơ lược.

Phương pháp cũ (2 bước)

Ví dụ

Thuộc tính khai báo bên ngoài object, thành 2 bước.

<html> <body> <script> 
    let person = 'name'; 
    let student = { 
        // step-1 
        id: 1, 
    }; 
    student[person] = 'nani'; 
    // step-2 
    document.write(JSON.stringify(student)); 
</script> </body> </html>

Kết quả

{"id":1,"name":"nani"}

Phương pháp ES6

Ví dụ

Thuộc tính khai báo ngay trong object (computed property name), thành 1 bước.

<html> <body> <script> 
    let person = 'name'; 
    let student = { 
        id: 1, 
        [person]: "nani" 
    }; 
    document.write(JSON.stringify(student)); 
</script> </body> </html>

Kết quả

{"id":1,"name":"nani"}