프로그래머가 되는 꿈
script.js - object shorthand assignment 본문
🧠 Object Shorthand Assignment란?
객체를 만들 때
key 이름과 변수명이 같으면 한 번만 써도 되는 문법
❌ 기존 방식
let name = "kim"
let age = 23
let person = {
name: name,
age: age
}
✅ Object Shorthand Assignment (ES6)
let name = "kim"
let age = 23
let person = {
name,
age
}
JS가 자동으로 이렇게 이해해 👇
{
name: name,
age: age
}
let name = "kim"
let age = 23
let person={
name=name,
age=age
}
console.log(person)
name과 name, 즉 키(이름)와 (키값에 들어가는) 변수의 이름이 같다면, 즉 키와 값이 일치할 때만 name만 짧게 줄여서 작성할 수 있다.
age도 마찬가지!
o
let name="kim"
let age = 23
let person={
name ,
age
}
console.log(person)
단 아래와 같이 name과 name01이 다르므로 name으로 짧게 쓸 수 없다.
let name01 = "kim"
let age02 = 23
let person={
name=name01,
age=age02
}
console.log(person)
<결과>
{ name: 'kim', age: 23 }
'프론트엔드 (Front-end) > React' 카테고리의 다른 글
| node.js 개념&설치 (0) | 2026.01.08 |
|---|---|
| script.js - 삼항연산자 (0) | 2026.01.08 |
| script.js - spread (0) | 2026.01.08 |
| script.js - Destructuring(2)[배열] (0) | 2026.01.08 |
| script.js - Destructuring(1) (0) | 2026.01.08 |