> 웹 프론트엔드 > 프런트엔드 Q&A > JavaScript 배열은 포함 여부를 결정합니다.

JavaScript 배열은 포함 여부를 결정합니다.

WBOY
풀어 주다: 2023-05-16 11:02:07
원래의
1811명이 탐색했습니다.

JavaScript에서 배열은 여러 값을 저장할 수 있고 다양한 배열 방법을 사용하여 조작할 수 있는 매우 일반적인 데이터 구조입니다. 실제 개발에서는 배열에 특정 값이 포함되어 있는지 확인해야 하는 경우가 많습니다. 이 기사에서는 JavaScript에서 배열에 특정 값이 포함되어 있는지 확인하는 방법을 소개합니다.

방법 1: indexOf() 함수 사용

indexOf() 함수는 JavaScript 배열에서 제공하는 내장 함수로, 배열에서 특정 값의 위치를 ​​검색하는 데 사용할 수 있습니다. 값을 검색하면 함수는 배열에 있는 값의 인덱스 위치를 반환합니다. 값이 배열에 없으면 -1이 반환됩니다.

따라서 indexOf() 함수를 사용하여 배열에 특정 값이 포함되어 있는지 확인할 수 있습니다. 구체적인 구현은 다음과 같습니다.

let arr = [1, 2, 3, 4, 5];
let target = 3;
if (arr.indexOf(target) !== -1) {
  console.log("数组包含" + target);
} else {
  console.log("数组不包含" + target);
}
로그인 후 복사

위 코드에서 배열 arr에 값이 3인 요소가 포함되어 있으면 "array contain 3"이 출력되고, 그렇지 않으면 "array does not contain 3"이 출력됩니다.

indexOf() 함수에서 반환하는 인덱스 값은 0부터 시작한다는 점에 유의하세요. 따라서 indexOf() 함수를 사용할 때 요소가 포함되어 있는지 확인해야 할 경우 해당 요소가 -1인지 확인해야 합니다. 또한, 이 함수를 사용할 때 데이터 유형의 일치에 주의해야 합니다. 문자열을 검색하려면 다음 코드와 같이 완전 항등 연산자(===)를 사용해야 합니다.

let arr = ["apple", "banana", "orange"];
let target = "banana";
if (arr.indexOf(target) !== -1) {
  console.log("数组包含" + target);
} else {
  console.log("数组不包含" + target);
}
로그인 후 복사

위 코드에서는 내용이 문자열로 변경되고, 검색 대상도 문자열로 변경됩니다. 판단 시 "==" 연산자를 사용하면 잘못된 결과가 나옵니다.

방법 2: include() 함수 사용

includes() 함수는 JavaScript 배열에서 제공하는 또 다른 내장 함수로, 배열에 특정 요소가 포함되어 있는지 확인하는 데 사용할 수 있습니다. include() 함수의 반환 값은 부울 값입니다. 요소가 배열에 포함되어 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

includes() 함수를 사용하여 배열에 특정 값이 포함되어 있는지 확인할 수 있습니다. 구체적인 구현은 다음과 같습니다.

let arr = [1, 2, 3, 4, 5];
let target = 3;
if (arr.includes(target)) {
  console.log("数组包含" + target);
} else {
  console.log("数组不包含" + target);
}
로그인 후 복사

위 코드에서 배열 arr에 값이 3인 요소가 포함되어 있으면 "array contain 3"이 출력되고, 그렇지 않으면 "array does not contain 3"이 출력됩니다.

includes() 함수의 반환 값은 true 또는 false이며 배열에 있는 요소의 인덱스 값을 반환하지 않는다는 점에 유의해야 합니다. 또한, 이 함수를 사용할 때 데이터 유형의 일치에 주의해야 합니다. 문자열을 검색하려면 다음 코드와 같이 완전 항등 연산자(===)를 사용해야 합니다.

let arr = ["apple", "banana", "orange"];
let target = "banana";
if (arr.includes(target)) {
  console.log("数组包含" + target);
} else {
  console.log("数组不包含" + target);
}
로그인 후 복사

방법 3: ES6의 find() 함수 사용

ES6에서 JavaScript 배열은 배열에서 특정 조건을 충족하는 요소를 찾는 데 사용할 수 있는 새로운 함수 find()를 제공합니다. find() 함수의 매개변수는 요소 값, 요소 인덱스, 배열 자체라는 세 가지 매개변수를 받을 수 있는 콜백 함수입니다. 콜백 함수는 부울 값을 반환해야 합니다. true인 경우 조건에 맞는 요소를 찾았다는 의미이며 find() 함수는 해당 요소를 반환합니다. 콜백 함수가 false를 반환하면 검색을 계속하세요.

find() 함수를 사용하여 배열에 특정 값이 포함되어 있는지 확인할 수 있습니다. 구체적인 구현은 다음과 같습니다.

let arr = [1, 2, 3, 4, 5];
let target = 3;
if (arr.find(item => item === target)) {
  console.log("数组包含" + target);
} else {
  console.log("数组不包含" + target);
}
로그인 후 복사

위 코드에서는 화살표 함수를 사용하여 콜백 함수를 구현했습니다. 화살표 함수의 매개변수는 item이고, 코드 item === target은 대상 요소를 찾았는지 여부를 나타냅니다. 배열 arr에 값이 3인 요소가 포함되어 있으면 "배열에 3이 포함되어 있음"이 출력되고, 그렇지 않으면 "배열에 3이 포함되어 있지 않음"이 출력됩니다.

find() 함수는 발견된 요소를 반환하지 않으면 정의되지 않은 요소를 반환한다는 점에 유의해야 합니다. 또한, 이 함수를 사용할 때 콜백 함수의 구문에 주의해야 합니다. 콜백 함수가 반환되지 않거나 false를 반환하는 경우 정의되지 않은 첫 번째 요소가 발견되어 잘못된 결과가 발생할 수 있습니다.

요약

위에서는 JavaScript 배열에 특정 값이 포함되어 있는지 확인하는 세 가지 방법인 indexOf() 함수, include() 함수 및 ES6 find() 함수를 소개합니다. 이 세 가지 방법은 각각 장단점이 있으므로 실제 상황에 따라 적절한 방법을 선택해야 합니다. 또한, 콜백 함수를 사용할 때 데이터 유형의 일치와 콜백 함수의 구문에 주의해야 합니다.

위 내용은 JavaScript 배열은 포함 여부를 결정합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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