ホームページ > ウェブフロントエンド > フロントエンドQ&A > es6 で配列内にあるかどうかを確認する方法

es6 で配列内にあるかどうかを確認する方法

青灯夜游
リリース: 2023-01-16 17:35:23
オリジナル
3264 人が閲覧しました

判定方法: 1. 配列に指定された値が含まれているかどうかを include() 関数を使用します。構文は「arr.includes(value)」です。true を返した場合は存在します。2. を使用します。 find() 関数、構文 "arr.find(function(v){if(v==value{...}})"; の追加に一致する最初の要素を見つけることができます。 () 関数、構文「arr.some (i=>i===value)」、true が返された場合に存在します。このチュートリアルの環境: Windows7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

#es6 指定された値が配列内にあるかどうかを確認するメソッドes6 で配列内にあるかどうかを確認する方法

##es6 では、 include() および find() 、 some() メソッドを使用して、要素が配列内にあるかどうかを判断できます。

##方法 1: include() メソッドを使用するincludes() メソッドは、配列に指定された値が含まれているかどうかを判断するために使用され、true または false を返します。構文:

array.includes(searchElement, fromIndex);
ログイン後にコピー

searchElement: 検索する要素;

fromIndex: 検索を開始するインデックス Position.

  • Example:

    arr = [1,2,3,4,5]
    console.log(arr.includes(5));
    ログイン後にコピー

  • ご覧のとおり、戻り値は true です。これは要素

    5
  • 配列内の要素を意味します。

方法 2: find() メソッドを使用します

es6 で配列内にあるかどうかを確認する方法

find() メソッドは、テストに合格した配列の最初の要素 (関数内で判断) の値を返します

find() メソッドは、要素ごとに関数の実行を 1 回呼び出します配列内:

条件のテスト時に配列内の要素が true を返した場合、find() は条件を満たす要素を返し、後続の値に対して実行関数は呼び出されません。 .

#条件を満たす要素が存在しない場合は、unknown が返されます

  • 例:

    var arr = [1,2,3,4,5]
    arr.find(function(value){
    	if(value==5){
    		console.log("指定元素在数组中");
    	}
    })
    ログイン後にコピー

  • 方法 3: some() メソッドを使用する

some() メソッドは、指定された条件を満たす要素があるかどうかを検出するために使用され、true を返します。

arr = [1,2,3,4,5];
let istrue= arr.some(item => item === 45);
console.log(istrue);
ログイン後にコピー

es6 で配列内にあるかどうかを確認する方法

ご覧のとおり、戻り値が false の場合は、要素が配列内にないことを意味します。 .

拡張知識: 指定された値が配列内にあるかどうかを判断する es5 のメソッド

es6 で配列内にあるかどうかを確認する方法##es5 では、indexOf() と lastIndexOf を使用できます。 () 要素が配列内にあるかどうかを判断する関数。

indexOf() メソッドと lastIndexOf() メソッドは、配列要素を取得し、指定された要素のインデックス位置を返すことができます。指定された要素が存在しない場合は、「

-1

」が返されます。 1. 配列内の要素を検索するには、indexOf() を使用します。

indexOf() は、配列内の要素値に最初に一致した項目のインデックスを返します。 If 指定された値が見つからない場合は、-1 が返されます。使用法は次のとおりです:

array.indexOf(item,start)
ログイン後にコピー

item 必須。検索する要素。

#start オプションの整数パラメータ。検索を開始する配列内の位置を指定します。有効な値は 0 ~ stringObject.length - 1 です。このパラメータを省略した場合、文字列の最初の文字から検索が開始されます。

    #indexOf() メソッドは、インデックスの昇順で検索を実行します。つまり、左から右に取得します。取得時に、配列要素は searchElement パラメーター値 === と一致して比較されます。
  • 例: 要素が配列内にあるかどうかを確認します

    var arr = ["ab","cd","ef","ab","cd"];
    var str="cd";
    if(arr.indexOf(str)===-1){
    	console.log("指定元素:"+str+" 不在数组中");
    }else{
    	console.log("指定元素: "+str+" 在数组中");
    }
    ログイン後にコピー
  • 検索する必要がある値を変更します:
  • var str="gh";
    if(arr.indexOf(str)===-1){
    	console.log("指定元素:"+str+" 不在数组中");
    }else{
    	console.log("指定元素: "+str+" 在数组中");
    }
    ログイン後にコピー

2. lastIndexOf() を使用して配列内の要素を検索します。

es6 で配列内にあるかどうかを確認する方法

indexOf() は、配列内の要素値に最後に一致した項目のインデックスを返します。指定された値が見つからない場合は、-1 を返します。使い方はindexOf()と同じです。

例: 要素が配列内にあるかどうかを確認する

var arr = ["ab","cd","ef","ab","cd"];
var str="gx";
if(arr.lastIndexOf(str)===-1){
	console.log("指定元素:"+str+" 不在数组中");
}else{
	console.log("指定元素: "+str+" 在数组中");
}
ログイン後にコピー
es6 で配列内にあるかどうかを確認する方法

[関連する推奨事項: JavaScript 学習チュートリアル

]

以上がes6 で配列内にあるかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート