프로그래머가 되는 꿈

script.js - object shorthand assignment 본문

프론트엔드 (Front-end)/React

script.js - object shorthand assignment

AI박사 2026. 1. 8. 10:16

🧠 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