이전에는 2단계 프로세스였습니다. 객체에 속성을 생성하지만 ES6의 출현 작업을 매우 간단하게 만들었습니다. 한 단계만으로 속성을 동적으로 생성할 수 있습니다. 간단히 이야기해 보겠습니다.
기존 방법(2단계 프로세스)
예시
다음 예에서 속성 , 개체 자체에서 선언하는 대신 외부 로 선언됩니다. 개체를 생성하여 2단계 프로세스로 만듭니다.
<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> 출력
{"id":1,"name":"nani"}
ES6 방법
예시
다음 예에서는 개체의 속성을 개체 외부에서 선언하지 않고 개체 자체에서 직접 선언하여 1단계 프로세스로 만듭니다.
<html>
<body>
<script>
let person = 'name';
let student = {
id: 1,
[person] : "nani"
};
document.write(JSON.stringify(student));
</script>
</body>
</html> 출력
{"id":1,"name":"nani"}