> 웹 프론트엔드 > JS 튜토리얼 > 주어진 요소가 존재하는지 확인하는 JS 배열 학습

주어진 요소가 존재하는지 확인하는 JS 배열 학습

青灯夜游
풀어 주다: 2021-08-30 18:08:50
원래의
1521명이 탐색했습니다.

이전 글에서는 JavaScript가 주어진 조건을 만족하는 첫 번째 요소를 반환하는 3가지 방법을 소개했습니다. 관심이 있으시면 링크를 클릭하여 → "JS 배열 학습: a를 만족하는 첫 번째 요소 반환"을 읽어보실 수 있습니다. 주어진 조건" . 이번에는 JavaScript 배열에 대한 연구를 계속하고 JS를 사용하여 배열에 지정된 값이 있는지 확인하는 방법에 대해 이야기합니다. 도움이 필요한 친구는 이에 대해 배울 수 있습니다~

오늘 기사의 주요 내용은 값이 주어지면 트래버스입니다. 배열, 배열에 값이 포함되어 있는지 확인하십시오. 간단히 말해서 배열에 있는 하나 이상의 배열 요소가 이 값과 동일한 값을 가지고 있는지 확인합니다.

다음 글에서는 4가지 방법을 소개하고 코드 예시를 통해 자세히 소개하겠습니다. 더 이상 고민하지 말고 시작해 보세요~

방법 1: for 루프 사용

구현 아이디어: for 문을 사용하여 배열을 순회하고 ===를 사용하여 배열을 판단합니다. 각 루프 요소가 주어진 값인지 여부 첫 번째 요소가 조건을 충족하면 해당 요소가 배열에 존재하고 프롬프트가 제공된 다음 break 문을 사용하여 전체 루프를 종료합니다. ===判断数组元素是否为给定值,当有第一个元素满足条件,则数组中存在给定元素,给出提示,然后使用break语句退出整个循环。

下面通过实例来具体了解一下:判断fruits数组中是否包含给定元素“榴莲”

var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
for(var i=0;i<fruits.length;i++){
	if (fruits[i] === "榴莲") {
		console.log("指定元素‘ "+fruits[i]+" ’是存在的");
		break;
	}
}
로그인 후 복사

输出结果为:

주어진 요소가 존재하는지 확인하는 JS 배열 학습

方法2:利用数组的includes() 方法

includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。

语法:arr.includes(searchElement [, fromIndex])

  • searchElement 必须。需要查找的元素值。

  • fromIndex 可选。从该索引处开始查找 searchElement。如果为负值,则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。

下面通过实例来具体了解一下:判断fruits数组中是否包含给定元素“榴莲”

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

输出结果为:

주어진 요소가 존재하는지 확인하는 JS 배열 학습

方法3:利用数组的some()方法

some()方法可以检测数组中是否存在符合条件的元素。换个角度思考,也可以用来检测数组中的所有元素是否都不符合指定条件,都不符合的话就返回 false,有一个或者多个符合的话就返回 true。

语法:array.every(function callbackfn(Value,index,array),thisValue)
예를 통해 이에 대해 자세히 알아 보겠습니다.

과일 배열에 지정된 요소 "Durian"이 포함되어 있는지 확인

function f(value, index, ar) {
    if (value === &#39;橘子&#39;) {
        return true;
    }
}
var fruits = [&#39;苹果&#39;,"香蕉", &#39;榴莲&#39;, &#39;橘子&#39;, &#39;菠萝蜜&#39;,"梨子"];
var b = fruits.some(f);

if (b) {
	console.log("给定元素是存在的");
} else {
	console.log("给定元素是不存在的");
}
로그인 후 복사

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

주어진 요소가 존재하는지 확인하는 JS 배열 학습방법 2: 배열의 include() 메서드 사용

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

구문: ​​arr.includes(searchElement [, fromIndex])

  • searchElement가 필요합니다. 찾을 요소 값입니다.

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

예를 통해 이에 대해 자세히 알아 보겠습니다. 과일 배열에 지정된 요소 "Durian"이 포함되어 있는지 확인

给定元素是存在的
로그인 후 복사
로그인 후 복사

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

주어진 요소가 존재하는지 확인하는 JS 배열 학습

방법 3: some() 사용 배열의 메소드

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

구문: ​​array.every(function callbackfn(Value,index,array),thisValue)🎜🎜🎜 예제를 통해 자세히 알아보겠습니다. 🎜
var fruits = [&#39;苹果&#39;,"香蕉", &#39;榴莲&#39;, &#39;橘子&#39;, &#39;菠萝蜜&#39;,"梨子"];
var b = fruits.indexOf("橘子");

if (b>0) {
	console.log("给定元素是存在的");
} else {
	console.log("给定元素是不存在的");
}
로그인 후 복사
🎜출력 결과는 다음과 같습니다. 🎜
给定元素是存在的
로그인 후 복사
로그인 후 복사
🎜🎜 🎜 방법 4: 배열 🎜🎜🎜🎜indexOf() 메서드의 indexOf() 메서드를 사용하여 배열에서 지정된 요소의 첫 번째 발생 위치를 반환합니다. 검색할 요소가 나타나지 않으면 메서드는 -1을 반환합니다. 🎜🎜구현 아이디어: 배열에서 지정된 값이 처음 나타나는 위치를 확인하려면 이 방법을 사용하세요. 해당 위치가 있으면 해당 요소가 포함됩니다. -1이 반환되면 해당 요소가 포함되지 않습니다. 🎜🎜구현 코드는 다음과 같습니다. 🎜🎜
var fruits = [&#39;苹果&#39;,"香蕉", &#39;榴莲&#39;, &#39;橘子&#39;, &#39;菠萝蜜&#39;,"梨子"];
var b = fruits.lastIndexOf("葡萄");

if (b>0) {
	console.log("给定元素是存在的");
} else {
	console.log("给定元素是不存在的");
}
로그인 후 복사
🎜출력 결과는 다음과 같습니다. 🎜
给定元素是不存在的
로그인 후 복사
🎜🎜🎜방법 5: 배열의 lastIndexOf() 메서드를 사용합니다.🎜🎜🎜🎜lastIndexOf() 메서드를 사용하여 배열의 요소를 검색합니다. 마지막으로 나타나는 위치를 반환합니다. 검색할 요소가 나타나지 않으면 메서드는 -1을 반환합니다. 🎜🎜구현 아이디어: 배열에서 지정된 값이 마지막으로 나타나는 위치를 확인하려면 이 방법을 사용하세요. 위치가 있으면 해당 요소가 포함되고, -1이 반환되면 해당 요소가 포함되지 않습니다. 🎜🎜🎜구현 코드는 다음과 같습니다. 🎜rrreee🎜출력 결과는 다음과 같습니다. 🎜rrreee🎜그렇습니다. 필요하면 시청할 수 있습니다. 🎜javascript 비디오 튜토리얼🎜🎜

위 내용은 주어진 요소가 존재하는지 확인하는 JS 배열 학습의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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