기존의 배열을 가져다 대괄호에 펼쳐 넣고, 새로운 상품을 배열의 마지막에 추가하면 됩니다.

결론적으로 내용을 목록으로 다시 쓰기만 하면 됩니다. 이렇게 하면 새로운 배열을 생성하기 때문에 원본 배열을 변경할 가능성은 전혀 없습니다. 원본 배열의 내용만 재사용해 새로운 배열을 만드는 것입니다.

arrays/push/push.js

const titles = ['Moby Dick', 'White Teeth'];
const moreTitles = [...titles, 'The Conscious Mind'];
// ['Moby Dick', 'White Teeth', 'The Conscious Mind'];

---

 

펼침 연산자로 배열을 만드는 새로운 방식의 장점은 수많은 메서드를 잊어버려도 좋다는 점입니다. 이제 펼침 연산자만 있으면 그 많은 메서드들이 더 이상 필요하지 않게 됩니다.

잠깐! 그럼 배열의 시작 부분에 새로운 항목을 추가하려면 어떻게 해야 할까요? 배열의 사본은 어떻게 만들까요? 여기서 한 가지 힌트를 주면, 같은 배열을 새로운 변수에 할당하는 것과는 다릅니다. 어떤 메서드였는지 잘 기억나지 않을 수도 있습니다. 하지만 걱정하지 마세요. 저도 겪는 일입니다. slice() 메서드로 배열의 사본을 만들 수 있다는 것을 기억하는 사람이 몇이나 될까요? 그 대신에 다음 예제와 같이 펼침 연산자를 사용할 수 있습니다.