ES6에서 Array.includes() 함수를 사용하는 방법-JS 튜토리얼-php.cn

ES6에서 Array.includes() 함수를 사용하는 방법

小云云

풀어 주다： 2018-02-05 10:28:20

원래의

1933명이 탐색했습니다.

이 글은 주로 ES6의 Array.includes() 함수 사용법을 소개합니다. 필요한 친구들이 참고하면 좋겠습니다.

ES5에서 배열은 요소의 위치를 찾기 위해 이미 indexOf를 제공합니다. 존재하지 않는 경우 -1을 반환합니다. 그러나 이 함수에는 배열에 요소가 포함되어 있는지 확인할 때 두 가지 작은 단점이 있습니다. -1과 요소의 위치를 반환하여 요소가 포함되었는지 여부를 나타냅니다. 위치 지정 측면에서는 문제가 없지만 의미상 충분하지 않습니다. 또 다른 문제는 NaN 요소가 있는지 여부를 확인할 수 없다는 것입니다.

const arr1 = [&#39;a&#39;, &#39;b&#39;, &#39;c&#39;, &#39;d&#39;, &#39;e&#39;, &#39;f&#39;, &#39;g&#39;, &#39;h&#39;, &#39;i&#39;, &#39;j&#39;, &#39;k&#39;, NaN]
console.log(&#39;%s&#39;, arr1.indexOf(NaN))

로그인 후 복사

결과:

-1

ES6은 특정 요소가 포함되어 있는지 확인하는 Array.includes() 함수를 제공하여 위치를 지정할 수 없을 뿐만 아니라 indexOf의 위 두 가지 문제를 해결합니다. 요소가 포함되어 있는지 여부를 나타내기 위해 true 또는 false를 직접 반환하며 NaN에도 효과적입니다.

const arr1 = [&#39;a&#39;, &#39;b&#39;, &#39;c&#39;, &#39;d&#39;, &#39;e&#39;, &#39;f&#39;, &#39;g&#39;, &#39;h&#39;, &#39;i&#39;, &#39;j&#39;, &#39;k&#39;, NaN]
console.log(&#39;%s&#39;, arr1.includes(&#39;c&#39;))
console.log(&#39;%s&#39;, arr1.includes(&#39;z&#39;))
console.log(&#39;%s&#39;, arr1.includes(NaN))

로그인 후 복사

Result:

true
false
true

includes() 함수의 두 번째 매개변수는 판정의 시작 위치를 나타냅니다.

const arr1 = [&#39;a&#39;, &#39;b&#39;, &#39;c&#39;, &#39;d&#39;, &#39;e&#39;, &#39;f&#39;, &#39;g&#39;, &#39;h&#39;, &#39;i&#39;, &#39;j&#39;, &#39;k&#39;, NaN]
console.log(&#39;%s&#39;, arr1.includes(&#39;d&#39;, 1))
console.log(&#39;%s&#39;, arr1.includes(&#39;d&#39;, 3))
console.log(&#39;%s&#39;, arr1.includes(&#39;d&#39;, 4))

로그인 후 복사

결과:

true
true
false

두 번째 매개변수는 음수일 수도 있으며, 이는 오른쪽으로부터의 숫자를 나타내지만 검색 방향을 바꾸지는 않습니다. 왼쪽에서 오른쪽으로.

console.log(&#39;%s&#39;, arr1.includes(&#39;k&#39;, -1))
console.log(&#39;%s&#39;, arr1.includes(&#39;k&#39;, -2))
console.log(&#39;%s&#39;, arr1.includes(&#39;i&#39;, -3))

로그인 후 복사

결과:

false
true
false