ES6

Rest

으누아빠 2021. 4. 1. 15:28
반응형

Rest

Rest 파라미터 구문은 정해지지 않은 수(an indefinite number, 부정수) 인수를 배열로 표현
=>모든값을 하나의 변수로 만들어주는것

const args = (...params) => console.log(params); //["1", 2, "a", true, Array(4), Object]

args("1", 2, "a", true, [1,2,3,4], {name:"Jone", age : 25});

// 특정 KEY/VALUE 제거

const user = {
  name:"Jone",
  age:24,
  gender: "F"
}

const killGender = ({gender, ...rest}) => rest;
const cleanUser = killGender(user);

console.log(cleanUser); //{name: "Jone", age: 24}


// 특정 KEY/VALUE 추가

const user = {
  name:"Jone",
  age:24,
  gender: "F"
}

const setCountry = ({country = "KR", ...rest}) => {
  return {country, ...rest}
};
console.log(setCountry(user)); //{country: "KR", name: "Jone", age: 24, gender: "F"}


// object의 키값 변경
const user = {
  NAME:"Jone",
  age:24,
  gender: "F"
}

const reName = ({NAME: name, ...rest}) => {
  return {name, ...rest}
};
console.log(reName(user)); //{name: "Jone", age: 24, gender: "F"}

'ES6' 카테고리의 다른 글

for...of()  (0) 2021.04.01
SPREAD (전개구문)  (0) 2021.03.31
DESTRUCTURING [구조분해할당]  (0) 2021.03.31
Array.findIndex() 및 array.fill()  (0) 2021.03.31
Array.of() 및 Array.from()  (0) 2021.03.31