2016/06/17, JavaScript의 사양 「ECMAScript」의 ECMAScript 2016(※)이 릴리스 되었습니다. ES2016에서 추가된 기능은 두 가지입니다.

Exponentiation(**) Operator

Array.prototype.includes() 메서드

이 항목에서는 Array.prototype.includes() 메서드에 대해 설명합니다. 「Exponentiation Operator」에 대해서는 이 기사에서 해설합니다.
「 거듭제곱을 한다면 Math.pow()보다 Exponentiation Operator가 간편(ES2016 신기능) 」

※ 언어 사양서: 「 ECMAScript® 2016 Language Specification 」

Array.prototype.includes() 메서드는 배열에서 값 검색을 위한 메서드

Array.prototype.includes() 메소드는, 배열내에 있는 요소가 포함되어 있는지 어떤지를 조사하기 위한 메소드입니다.

다음과 같은 배열을 예로 설명합니다.

var array = [1, 2, 3, 4, 5];

Array.prototype.includes() 메소드를 사용해, 3 라고 하는 요소가 포함되어 있는지 어떤지를 조사하려면 다음과 같이 합니다.

// 3が含まれているかどうか
array.includes(3);

array 안에는 3 가 포함되어 있으므로 true 가 반환됩니다.



▲ Google 크롬에서 수행한 결과

그렇다면 6가 포함되어 있는지 확인하면 어떻게됩니까?

// 6が含まれているかどうか
array.includes(6);

array 안에는 6 가 포함되어 있지 않으므로 false 가 반환됩니다.



▲ Google 크롬에서 수행한 결과

이와 같이, Array.prototype.includes() 메소드는 배열내의 값 검색을 편하게 하는 메소드입니다.

대응 브라우저는?

2018/02/06 시점에서는 IE 11을 제외한 모든 주요 브라우저에서 대응하고 있습니다.

참고 : ECMAScript Next compatibility table

IE 11에서도 대응할 필요가 있는 경우는 core-js 등의 폴리필을 사용합시다.