다행히 ES2016에 추가된 새로운 기능을 이용하면 번거로운 비교 절차를 생략할 수 있습니다. includes()⁴라는 새로운 배열 메서드를 이용하면 값이 배열에 존재하는지 여부를 확인해서 불(boolean) 값으로 true 또는 false를 반환합니다.

앞서 살펴본 코드를 다음과 같이 간단하게 다시 작성해볼 수 있습니다.

arrays/includes/includes.js

const sections = ['contact', 'shipping'];
 
function displayShipping(sections) {
  return sections.includes('shipping');
}

---

 

이런 변화가 사소하게 느껴질 수도 있습니다. 하지만 코드에 -1을 반복해서 쓰거나 또 -1로 비교하는 것을 누락해서 색인이 0인 경우를 false로 처리해버리는 실수를 경험한 적이 있다면 반가운 변화일 것입니다.

지금까지 자바스크립트에서 배열이 얼마나 필수적인 요소인지 살펴봤습니다. 여기에 덧붙여, 배열을 더 재미있고 강력하게 만드는 몇 가지 새로운 기능을 좀 더 깊이 살펴볼 것입니다. 배열은 자바스크립트의 모든 곳에서 활용되므로 익숙해지는 것이 좋습니다. 또한, 배열을 직접적으로 사용하지 않더라도 배열에 대해 배운 많은 것이 다른 컬렉션에 적용되는 모습을 흔히 보게 될 것입니다.

다음 팁에서는 배열을 사용하는 새로운 기술 중 가장 흥미롭고 강력한 펼침 연산자를 살펴봅니다.