JavaScript 문법 종합반 문법-단축 속성명

단축 속성명 : property shorthand

const name = "abc"

const age = "30"

const obj ={

    name : name,

    age : age

}

위의 코드는 아래와 똑같은 의미이다.

const obj ={

    name : "abc",

    age : "30"

}

속성이 같기 때문에 코드를 단축시킬 수 있다.

const obj ={name,age}

 

전개 구문 : spread operator

let arr =[1,2,3]

console.log(arr)=[1,2,3]

console.log(...arr)=1 2 3

새로운 배열에 요소를 추가하고 싶다면,,

let arr =[1,2,3]

let newArr=[...arr,4]

console.log(newArr)=[1,2,3,4]

객체의 경우

let user = {

    name : 'abc',

    age : 30,

};

let user2 = {...user}

console.log(user)={ name: 'abc', age: 30 }

console.log(user2)={ name: 'abc', age: 30 }

 

나머지 매개변수 :rest parmeter

function exampleFunc(a,b,c,...args){

    console.log(a,b,c)

    console.log(args)

}

exampleFunc(1,2,3,4,5,6,7)=1 2 3

                                              [ 4, 5, 6, 7 ]

 

템플릿 리터럴 : Teamplate Literal

 

백틱으로 변수를 가져올 수 있다.

const test = "안녕하세요"

console.log(`hello wolrd ${test}`)=hello wolrd 안녕하세요

백틱으로 멀티라인을 가져올 수 있다.

console.log(`hello wolrd

    myname

                    is  

                            홍길동

            good bye`)=

hello wolrd

    myname

                    is  

                            홍길동

            good bye