> 웹 프론트엔드 > JS 튜토리얼 > es6에서 배열에 특정 하위 요소가 포함되어 있는지 확인하는 방법

es6에서 배열에 특정 하위 요소가 포함되어 있는지 확인하는 방법

青灯夜游
풀어 주다: 2022-03-09 18:29:03
원래의
5145명이 탐색했습니다.

방법: 1. indexOf() 함수를 사용합니다. 구문은 "array object.indexOf(value)"입니다. 요소 위치가 반환되면 포함되고, "-1"이 반환되면 포함되지 않습니다. 2. include() 함수를 사용합니다. 구문은 "Array object.includes(value)"입니다. true가 반환되면 포함되고, 그렇지 않으면 포함되지 않습니다.

es6에서 배열에 특정 하위 요소가 포함되어 있는지 확인하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

es6 배열에 특정 하위 요소가 포함되어 있는지 확인

방법 1: indexOf() 함수를 사용합니다.

indexOf는 특정 요소의 위치를 ​​찾는 데 사용됩니다. -1을 반환합니다.

const arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
console.log(arr.indexOf('c'))
console.log(arr.indexOf('z'))
로그인 후 복사

es6에서 배열에 특정 하위 요소가 포함되어 있는지 확인하는 방법

참고: indexOf() 함수에는 배열에 요소가 포함되어 있는지 판단할 때 두 가지 작은 단점이 있습니다.

  • 첫 번째는 포함 여부를 나타내기 위해 -1과 요소의 위치를 ​​반환한다는 것입니다. 위치 지정 시 이 점에서는 문제가 없지만 의미론적으로는 충분하지 않습니다.

  • 또 다른 문제는 NaN 요소가 있는지 여부를 확인할 수 없다는 것입니다.

const arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
console.log(arr.indexOf(NaN))
로그인 후 복사

es6에서 배열에 특정 하위 요소가 포함되어 있는지 확인하는 방법

방법 2: include() 함수 사용

includes() 함수를 사용하여 배열에 특정 값이 포함되어 있는지 감지할 수 있음

includes() 함수는 indexOf 문제를 해결할 수 있음 위의 두 가지 문제를 포지셔닝 할 수 없다는 점을 제외하면. 요소가 포함되어 있는지 여부를 나타내기 위해 true 또는 false를 직접 반환하며 NaN에도 효과적입니다.

const arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
console.log(arr.includes('c'))
console.log(arr.includes('z'))
console.log(arr.includes(NaN))
로그인 후 복사

es6에서 배열에 특정 하위 요소가 포함되어 있는지 확인하는 방법

【관련 추천: javascript 비디오 튜토리얼, web front-end

위 내용은 es6에서 배열에 특정 하위 요소가 포함되어 있는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿