es6에 항목이 존재하는지 확인하는 방법

青灯夜游
풀어 주다: 2023-01-04 09:13:34
원래의
2277명이 탐색했습니다.

방법: 1. find()를 사용합니다. 2. include()를 사용합니다. 구문은 "array.includes(value)"입니다. 3. some()을 사용합니다. 구문은 "function f(v) {if (v)입니다. ===value) ) {return true;}}var b= array.some(f);”; 4. indexOf()를 사용합니다. 구문은 “array.indexOf(value)”입니다. 구문은 "array.lastIndexOf(value) )"입니다.

es6에 항목이 존재하는지 확인하는 방법

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

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

find() 메서드는 조건을 만족하는 배열의 첫 번째 요소를 찾는 데 사용됩니다. 조건에 맞는 요소가 없으면 정의되지 않습니다. 가 반환됩니다

find() 빈 배열의 경우 함수가 실행되지 않습니다.

find()는 배열의 원래 값을 변경하지 않습니다.

array.find(function(currentValue, index, arr),thisValue)
로그인 후 복사
ParametersDescription
function(currentValue, index,arr)필수입니다. 배열의 각 요소에 대해 실행되어야 하는 함수입니다.
함수 매개변수: 매개변수 설명 currentValue가 필요합니다. 현재 요소 인덱스는 선택 사항입니다. 현재 요소의 인덱스 값 arr은 선택 사항입니다. 현재 요소가 속한 배열 객체
thisValue선택 사항입니다. 함수에 전달되는 값은 일반적으로 "this" 값을 사용합니다.
이 매개변수가 비어 있으면 "정의되지 않음"이 "this" 값으로 전달됩니다.

반환 값:

  • 충족하는 항목이 없으면 테스트 조건을 충족하는 첫 번째 배열 요소 값을 반환합니다. 조건에 따라 정의되지 않은 값이 반환됩니다.

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

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

if(fruits.find(f)!=undefined){
	console.log("给定元素是存在的");
}else{
	console.log("给定元素是不存在的");
}
로그인 후 복사

es6에 항목이 존재하는지 확인하는 방법

방법 2: 배열의 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("给定元素是不存在的");
}
로그인 후 복사

es6에 항목이 존재하는지 확인하는 방법

방법 3: 배열의 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("给定元素是不存在的");
}
로그인 후 복사

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

es6에 항목이 존재하는지 확인하는 방법

방법 4: 배열의 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("给定元素是不存在的");
}
로그인 후 복사

方法5:利用数组的lastIndexOf()方法

lastIndexOf()方法可搜索数组中的元素,并返回它最后出现的位置。如果要检索的元素没有出现,则该方法返回 -1。

array.lastIndexOf(item,start)
로그인 후 복사
参数描述
item必需。规定需检索的字符串值。
start可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。

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

下面给出实现代码::

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

输出结果为:

es6에 항목이 존재하는지 확인하는 방법

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

위 내용은 es6에 항목이 존재하는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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