> 웹 프론트엔드 > 프런트엔드 Q&A > 자바스크립트는 배열에 다음이 포함되어 있는지 확인합니다.

자바스크립트는 배열에 다음이 포함되어 있는지 확인합니다.

王林
풀어 주다: 2023-05-17 20:47:06
원래의
3692명이 탐색했습니다.

JavaScript에서는 배열에 요소가 포함되어 있는지 확인하는 것이 매우 일반적인 작업입니다. 다양한 요구에 따라 다양한 방법을 사용하여 배열에 특정 요소가 포함되어 있는지 확인할 수 있습니다. 이 기사에서는 몇 가지 일반적인 판단 방법을 소개합니다.

방법 1: include() 메서드를 사용하세요

ES6에서는 배열에 요소가 포함되어 있는지 확인하기 위해 배열에 include() 메서드가 제공됩니다. 구문은 다음과 같습니다.

array.includes(searchElement[, fromIndex])

여기서, searchElement는 찾을 요소를 나타내고, fromIndex는 검색 시작 위치를 나타내며 기본값은 0입니다.

includes() 메서드는 지정된 요소가 배열에 포함되어 있는지 여부를 나타내는 부울 값을 반환합니다.

다음은 배열에 요소가 포함되어 있는지 확인하기 위해 include() 메서드를 사용하는 샘플 코드입니다.

const fruits = ['apple', 'banana', 'orange'];

console.log(fruits.includes('apple')); // true
console.log(fruits.includes('banana')); // true
console.log(fruits.includes('pear')); // false
로그인 후 복사

방법 2: indexOf() 메서드 사용

코드가 ES5 또는 이전 버전과 호환되어야 하는 경우 , indexOf() 메소드를 사용하여 배열에 요소가 포함되어 있는지 확인할 수 있습니다. 구문은 다음과 같습니다.

array.indexOf(searchElement[, fromIndex])

여기서, searchElement는 찾을 요소를 나타내고, fromIndex는 검색 시작 위치를 나타내며 기본값은 0입니다.

indexOf() 메서드는 배열에서 지정된 요소가 처음 나타나는 위치를 나타내는 숫자를 반환합니다. 요소가 배열에 포함되어 있지 않으면 -1이 반환됩니다.

다음은 indexOf() 메서드를 사용하여 배열에 요소가 포함되어 있는지 확인하는 샘플 코드입니다.

const fruits = ['apple', 'banana', 'orange'];

console.log(fruits.indexOf('apple') !== -1); // true
console.log(fruits.indexOf('banana') !== -1); // true
console.log(fruits.indexOf('pear') !== -1); // false
로그인 후 복사

방법 3: find() 메서드 사용

ES6은 find() 메서드도 제공합니다. 배열을 얻는 데 사용됩니다. 조건을 충족하는 첫 번째 요소입니다. 배열에 일치하는 요소가 없으면 정의되지 않은 값이 반환됩니다. 이를 사용하여 배열에 요소가 포함되어 있는지 확인할 수 있습니다. 다음은 find() 메서드를 사용하여 배열에 요소가 포함되어 있는지 확인하는 샘플 코드입니다.

const fruits = ['apple', 'banana', 'orange'];

console.log(fruits.find(item => item === 'apple') !== undefined); // true
console.log(fruits.find(item => item === 'banana') !== undefined); // true
console.log(fruits.find(item => item === 'pear') !== undefined); // false
로그인 후 복사

여기서 find() 메서드는 배열의 각 요소를 나타내는 매개변수 항목을 허용하는 화살표 함수를 사용합니다. 화살표 함수의 반환 값은 항목이 찾을 요소와 동일한지 여부입니다. 그렇다면 true를 반환하고, 그렇지 않으면 false를 반환합니다. 최종적으로 find() 메소드는 검색 결과가 정의되지 않았는지, 즉 조건에 맞는 요소가 있는지를 반환한다.

방법 4: some() 메서드를 사용하세요

find() 메서드와 유사하게 ES6에서는 배열의 조건을 충족하는 요소가 있는지 확인하는 데 사용할 수 있는 some() 메서드도 제공합니다. 배열에 일치하는 요소가 있으면 true를 반환하고 그렇지 않으면 false를 반환합니다. 다음은 배열에 요소가 포함되어 있는지 확인하기 위해 some() 메서드를 사용하는 샘플 코드입니다.

const fruits = ['apple', 'banana', 'orange'];

console.log(fruits.some(item => item === 'apple')); // true
console.log(fruits.some(item => item === 'banana')); // true
console.log(fruits.some(item => item === 'pear')); // false
로그인 후 복사

여기서 some() 메서드는 배열의 각 요소를 나타내는 매개변수 항목을 허용하는 화살표 함수를 사용합니다. 화살표 함수의 반환 값은 항목이 찾을 요소와 동일한지 여부입니다. 그렇다면 true를 반환하고, 그렇지 않으면 false를 반환합니다. 결국 some() 메소드는 검색 결과가 true인지, 즉 조건에 맞는 요소가 있는지를 반환합니다.

요약

이 문서에서는 배열에 요소가 포함되어 있는지 확인하는 몇 가지 일반적인 방법을 소개합니다.

  • includes() 메서드
  • indexOf() 메서드
  • find() 메서드
  • some() 메서드

필요에 따라 방법 중 하나를 선택할 수 있습니다. ES6 이상을 사용하는 경우 더 직관적이고 편리한 include() 메서드 또는 find() 메서드를 사용하는 것이 좋습니다. ES5 이하 버전과 호환되어야 하는 경우 indexOf()를 사용할 수 있습니다. 메소드 또는 일부( ) 메소드.

위 내용은 자바스크립트는 배열에 다음이 포함되어 있는지 확인합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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