3-07.Object Literal Syntax Extension !!! 0_0
2023. 3. 30. 09:26ㆍJavascript/자바스크립트 제대로 배워볼래?
이게 조금 어렵당..... 다시한번 보아렴
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<script>
// Object Literal Syntax Extension
// 오브젝트 키를 동적으로 사용할 수 있도록
var firstName = "John";
var lastName= "Doe";
var person = {
firstName: firstName,
lastName: lastName
}
var type = "student";
var score = {
[type]: "Jone",
score: 95,
}
console.log(score.student); //Jone
var type2 = "grade";
score[type2] = 1;
console.log(score); //{student: 'Jone', score: 95, grade: 1}
</script>
</body>
</html>'Javascript > 자바스크립트 제대로 배워볼래?' 카테고리의 다른 글
| 3-09.Object Destructuring (0) | 2023.03.30 |
|---|---|
| 3-08.Spread Operator (0) | 2023.03.30 |
| 3-06.Template Literals (0) | 2023.03.29 |
| 3-05.Arrow Function (0) | 2023.03.29 |
| 3-04.Rest Parameter (0) | 2023.03.29 |