spread(나열)

목차

 

 

spread

spread는 es6부터 추가된

배열이나 오브젝트를 말그대로 나열해주는 도구이다.

const array = ["b ", "c ", "d "];

예로들어 b, c, d를 가진 배열 array이 있다고 하자.

 

array 값들을 가진 array2를 하나 더 만들려고 할때,

나열을 모른다면 이렇게 해야 할 것이다.

const array2 = ["a ", array[0], array[1], array[2], "e "];

하지만 spread를 안다면 이렇게 표현 가능하다.

const array2 = ["a ",...array, "e "];

코드

export default  function App () {
  const array = ["b ", "c ", "d "];

  const array2 = ["a ",...array, "e "];

  return (
    <h1>{array2}</h1>
  );
};