[js] ES6 문법

mynoseis3·2024년 2월 17일
0

javascript

목록 보기
11/13
post-thumbnail

객체 리터럴 단축 가능

객체 리터럴 : JavaScript에서 객체를 생성하는 표기법
중괄호 {}를 사용하여 객체를 정의하고, 속성-값 쌍을 나열하여 객체를 초기화한다.
이때 속성은 일반적으로 문자열 형태이며, 콜론 :을 사용하여 값을 지정한다.

ES6에서는 객체 속성의 이름과 변수명이 동일한 경우에는
변수명만 작성하여 속성과 값을 자동으로 할당하는 단축 문법이 도입되었다.

let name = "sw"
let age = 20
let hobby = "eating potatoes"

// 기존 문법
//let person = {name:name, age:age, hobby:hobby}

// es6 
let person = {name, age, hobby}

console.log(person) // { name: 'gamza', age: 20, hobby: 'eating potatoes' }

참고 문서
https://www.w3schools.com/js/js_es6.asp
https://ooeunz.tistory.com/88
https://ko.javascript.info/destructuring-assignment

profile
웹개발자 꿈나무 꾸준함의 힘을 믿습니다 🚶

0개의 댓글

관련 채용 정보