> 웹 프론트엔드 > 프런트엔드 Q&A > 자바스크립트에서 지정된 배열 요소가 존재하는지 확인하는 방법

자바스크립트에서 지정된 배열 요소가 존재하는지 확인하는 방법

青灯夜游
풀어 주다: 2022-10-12 17:13:37
원래의
17669명이 탐색했습니다.

4가지 방법: 1. 감지하려면 include()를 사용하세요. 구문은 "array.includes(요소 값)"입니다. 2. some()을 사용하여 감지하면 구문은 "function f(v) {if (v= ==value) { return true;}}var b= array.some(f);"; 3. indexOf()를 사용하여 감지합니다. 구문은 "array.indexOf(value)"입니다. 4. lastIndexOf()를 사용하고, 구문은 "array.lastIndexOf(value) "입니다.

자바스크립트에서 지정된 배열 요소가 존재하는지 확인하는 방법

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

방법 1: 배열의 include() 메서드를 사용합니다.

include() 메서드는 배열에 지정된 값이 포함되어 있는지 확인하는 데 사용됩니다. 그렇다면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

arr.includes(searchElement [, fromIndex])
로그인 후 복사
  • searchElement가 필요합니다. 찾을 요소 값입니다.

  • fromIndex 선택사항. 이 색인에서 searchElement를 찾기 시작하세요. 음수인 경우 array.length fromIndex 인덱스부터 오름차순으로 검색이 시작됩니다. 기본값은 0입니다.

예: 과일 배열에 주어진 요소 "Durian"이 포함되어 있는지 확인

var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
if(fruits.includes('榴莲')){
	console.log("给定元素是存在的");
}else{
	console.log("给定元素是不存在的");
}
로그인 후 복사

자바스크립트에서 지정된 배열 요소가 존재하는지 확인하는 방법

방법 2: 배열의 some() 메서드 사용

some( ) 메소드는 배열에 조건을 만족하는 요소가 있는지 확인할 수 있습니다. 다른 각도에서 생각하면 배열의 모든 요소가 지정된 조건을 충족하지 않는지 여부를 감지하는 데 사용할 수도 있습니다. 지정된 조건을 충족하지 않으면 하나 이상의 요소가 일치하면 false를 반환합니다. 사실을 반환합니다.

array.every(function callbackfn(Value,index,array),thisValue)
로그인 후 복사
parameterdescription
function(currentValue, index,arr)필수입니다. 함수, 배열의 각 요소는 이 함수를 실행합니다.
함수 매개변수:
매개변수 설명 currentValue가 있어야 합니다. 현재 요소의 값 인덱스는 선택 사항입니다. 현재 요소의 인덱스 값 arr은 선택 사항입니다. 현재 요소가 속한 배열 객체
thisValue선택 사항입니다. 객체는 실행 콜백으로 사용되며, 함수에 전달되고 "this"의 값으로 사용됩니다.
thisValue를 생략하면 "this"의 값은 "정의되지 않음"

반환 값: 부울 값입니다. 배열의 요소 중 하나라도 조건을 만족하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

예:

function f(value, index, ar) {
    if (value === '橘子') {
        return true;
    }
}
var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
var b = fruits.some(f);
if (b) {
   console.log("给定元素是存在的");
} else {
   console.log("给定元素是不存在的");
}
로그인 후 복사

출력 결과는 다음과 같습니다.

자바스크립트에서 지정된 배열 요소가 존재하는지 확인하는 방법

방법 3: 배열의 indexOf() 메서드 사용

indexOf() 메서드는 지정된 요소의 첫 번째 인덱스를 반환할 수 있습니다. 배열 표시 위치에 있습니다. 검색할 요소가 나타나지 않으면 메서드는 -1을 반환합니다.

array.indexOf(item,start)
로그인 후 복사
parameterdescription
item필수입니다. 찾을 요소입니다.
start 선택적 정수 매개변수입니다. 검색을 시작할 배열의 위치를 ​​지정합니다. 유효한 값은 0에서 stringObject.length - 1입니다. 이 매개변수를 생략하면 문자열의 첫 번째 문자부터 검색이 시작됩니다.

구현 아이디어: 배열에서 지정된 값이 처음 나타나는 위치를 확인하려면 이 방법을 사용합니다. 해당 위치가 있으면 해당 요소가 포함됩니다. -1이 반환되면 해당 요소가 포함되지 않습니다.

구현 코드는 다음과 같습니다.

var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
var b = fruits.indexOf("桃子");
if (b>0) {
   console.log("给定元素是存在的");
} else {
   console.log("给定元素是不存在的");
}
로그인 후 복사

출력 결과는 다음과 같습니다.

자바스크립트에서 지정된 배열 요소가 존재하는지 확인하는 방법

방법 4: 배열의 lastIndexOf() 메서드를 사용합니다

lastIndexOf() 메서드를 사용하여 요소를 검색합니다. 배열을 반환하고 마지막으로 나타난 위치를 반환합니다. 검색할 요소가 나타나지 않으면 메서드는 -1을 반환합니다.

array.lastIndexOf(item,start)
로그인 후 복사
ParametersDescription
item필수입니다. 검색할 문자열 값을 지정합니다.
start 선택적 정수 매개변수입니다. 검색을 시작할 문자열의 위치를 ​​지정합니다. 유효한 값은 0에서 stringObject.length - 1입니다. 이 매개변수를 생략하면 문자열의 마지막 문자부터 검색이 시작됩니다.

实现思想:利用该方法检查指定值在数组的最后出现位置,如果位置是存在的,则包含该给定元素;如果返回-1,则不包含该给定元素。

下面给出实现代码::

var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
var b = fruits.lastIndexOf("葡萄");
if (b>0) {
   console.log("给定元素是存在的");
} else {
   console.log("给定元素是不存在的");
}
로그인 후 복사

输出结果为:

자바스크립트에서 지정된 배열 요소가 존재하는지 확인하는 방법

【相关推荐:javascript视频教程编程视频

위 내용은 자바스크립트에서 지정된 배열 요소가 존재하는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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