[Javascript] [ES6] 단축 속성명, 전개 구문(Spread), 나머지 매개변수

단축 속성명
-배열처럼 보이지만, 사실은 key-value가 같은게 생략된 것. 실은 객체임

const name = "AJ";
const age = "26";

//key-value pair
const obj = {
	name: name, //key값과 value값이 서로 같으므로, 그냥 name으로만 쓰기 가능
    age: newAge //얘는 서로 값이 다르므로 불가
}

⭐️객체 = key-value pair라는 것 기억

 

 

전개 구문 (spread)
-배열, 객체를 전개
-구조분해할당과 많이 사용

예1 - 배열

let array = [1, 2, 3];

let newArr = [...arr, 4];

->콘솔 찍어보면 [1, 2, 3, 4]

 

예2 - 객체

let user = { name: "AJ", age: 26 }

let user2 = { ... user }

user2.name = "AJ2"

 

 

나머지 매개변수
-온점 3개(...)

예제1)

function EX (a,b, c, ...args) {
	console.log(a, b, c);  //콘솔 아무 변화 x
    console.log(...args);  //4, 5, 6, 7이 args에 들어감
}

EX(1, 2, 3, 4, 5, 6, 7);

예제2)

=> ...args는 나머지 매개변수(rest parameter) 문법으로, 함수에 전달된 모든 인수들을 배열로 받는 역할을 합니다. 함수를 호출할 때 넘겨진 인수들이 ...args 배열에 저장됩니다.