혹시 “펼침 연산자도 별것 아니네!”라면서 다음 팁으로 넘어가려고 했나요? 이해합니다. 저도 펼침 연산자를 여기저기서 보기 전까지는 대수롭게 여기지 않았거든요. 실제로 쓰기 전에는 마음에 들지도 않았습니다. 하지만 현재는 즐겨 쓰는 ES6 기능입니다.

펼침 연산자가 얼마나 강력해질 수 있는지 살펴보기 위해 간단한 작업부터 시작해봅시다. 배열에서 항목을 제거하려고 합니다. 반복문만 사용하면 다음과 같이 작성할 수 있겠지요?

arrays/spread/problem.js

function removeItem(items, removable) {
  const updated = [];
  for (let i = 0; i < items.length; i++) {
    if (items[i] !== removable) {
      updated.push(items[i]);
    }
  }
  return updated;
}

---

 

그리 나쁘지는 않은 코드입니다. 그렇지만 코드가 꽤 많습니다. 가능하면 코드를 단순하게 유지하는 것이 좋습니다. 반복문이 늘어나고 어수선해질수록 코드를 읽고 이해하기가 어려워집니다.