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

이전 글에서는 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;
	}
}

输出结果为：

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

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

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

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

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

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

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

输出结果为：

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

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

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

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

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

if (b) {
	console.log("给定元素是存在的");
} else {
	console.log("给定元素是不存在的");
}

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

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

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

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

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

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

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

给定元素是存在的

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

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

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

구문: ​​array.every(function callbackfn(Value,index,array),thisValue)🎜🎜🎜 예제를 통해 자세히 알아보겠습니다. 🎜

var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
var b = fruits.indexOf("橘子");

if (b>0) {
	console.log("给定元素是存在的");
} else {
	console.log("给定元素是不存在的");
}

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

给定元素是存在的

🎜🎜 🎜 방법 4: 배열 🎜🎜🎜🎜indexOf() 메서드의 indexOf() 메서드를 사용하여 배열에서 지정된 요소의 첫 번째 발생 위치를 반환합니다. 검색할 요소가 나타나지 않으면 메서드는 -1을 반환합니다. 🎜🎜구현 아이디어: 배열에서 지정된 값이 처음 나타나는 위치를 확인하려면 이 방법을 사용하세요. 해당 위치가 있으면 해당 요소가 포함됩니다. -1이 반환되면 해당 요소가 포함되지 않습니다. 🎜🎜구현 코드는 다음과 같습니다. 🎜🎜

var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
var b = fruits.lastIndexOf("葡萄");

if (b>0) {
	console.log("给定元素是存在的");
} else {
	console.log("给定元素是不存在的");
}

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

给定元素是不存在的

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

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