자바스크립트에서 ... 의미

일반적으로 객체 변수를, 다른 객체 변수에 복사하면 주소값이 복사되지만,

... 이라는 연산자를 이용하여 객체에 속한 값만 들고 오게 할때 사용된다.

 

let tempMovingItem;
const movingItem = {
  type: "tree",
  direction: 0,
  top: 0, // 위,아래 정보
  left: 0, // 좌,우 정보
};

function init() {
  tempMovingItem = {...movingItem};
  tempMovingItem.top = 4;
  console.log(movingItem);

  for (let i = 0; i < GAME_ROWS; i++) {
    prependNewLine();
  }
}

위 예제는 tempMovingItem 의 각 멤버변수에 movingItem 의 값을 넘겨주는 것이다.

 

참고)

https://velog.io/@diveforme/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%97%90%EC%84%9C-...-%EC%9D%98%EB%AF%B8

자바스크립트에서 ... 의미