TIL_[JavaScript] Spread 연산자

Spread 연산자?

  • 전개 구문이라고도 불린다.
  • ... 의 syntax를 표현법이다.
  • spread 연산자를 사용하면 배열이나 문자열처럼 반복 가능한 문자를 key-value의 쌍으로 Object로 확장 가능하다.
  • 변수 앞에 ... 을 찍어서 선언한다.

Array Spread

const one = [1, 2];
const two = [3, 4];
const spread = [0, ...one, 5,...two];

console.log(spread); // [0, 1, 2, 5, 3, 4]

String Spread

const str = 'hello';
const spread = [...str]; 

console.log(spread); // [ 'h', 'e', 'l', 'l', 'o' ]

Function Spread

let one = [{name:1} , {name:2}]; 
let two = [{name:3}, ...one];

 console.log (one); // [ { name: 1 }, { name: 2 } ] 
 console.log (two); // [ { name: 3 }, { name: 1 }, { name: 2 } ]

좋은 웹페이지 즐겨찾기