본문 바로가기

프론트엔드 공부/javscript

전개연산자(spread), rest parameter, 축약형

//전개연산자(spread)
//전개연산자를 쓰는이유: 배열의 아이템을 매개변수로 넣을때 편하게 사용하기 위해 펼쳐주는것

const fruits = ['apple','banana','cherry'];
console.log(fruits);//["apple","banana","cherry"]
console.log(...fruits)
//"apple","banana","cherry"

function toObject(a,b,c){
  return{
    a:a,
    b:b,
    c:c
  }
}
console.log(toObject(fruits))
//"a":[
// "apple",
// "banana",
// "cherry"
// ]

console.log(toObject(...fruits))
// {
//   "a":"apple",
//   "b":"banana",
//   "c":"cherry"
// }

//console.log(toObject(fruits[0],fruits[1],fruits[2]))
//spread연산자를 안쓰면 이렇게 작성
//rest parameter ( 나머지를 배열형태로 전부받는다)

const fruits = ['apple','banana','cherry','Orange','Plum'];

const toObject = (a,b,...c)=>({a,b,c}); //arrow function화
//function toObject(a,b,...c){ //...c는 rest parameter
//  return{
//    a, //a:a //축약형 속성과 변수의 값이 같으면 생략
//    b,
//    c
//  }
//}
console.log(toObject(...fruits).c)
//["cherry","Orange","Plum"]