ホームページ > ウェブフロントエンド > jsチュートリアル > 指定された要素が存在するかどうかを確認するための JS 配列

指定された要素が存在するかどうかを確認するための JS 配列

青灯夜游
リリース: 2021-08-30 18:08:50
オリジナル
1512 人が閲覧しました

前回の記事では、指定された条件を満たす最初の要素を返す JavaScript の 3 つのメソッドを紹介しました。興味のある方は、リンクをクリックして読んでください→「JS 配列学習: 最初の要素を返す」指定された条件を満たす要素。elements》。今回は JavaScript 配列の学習を続け、JS を使用して指定された値が配列内に存在するかどうかを検出する方法について話します。必要な友達はそれについて学ぶことができます~

今日の記事の主な内容は次のとおりです。 value を使用して配列を走査し、配列に値が含まれているかどうかを確認します。簡単に言えば、配列内の 1 つ以上の配列要素がこの値と等しい値を持つかどうかをチェックします。

次の記事では 4 つの方法を紹介し、コード例を通して詳しく紹介します。早速、直接始めましょう~

方法 1: for ループを使用します

実装アイデア: for ステートメントを使用して配列を走査します。 2 番目のループでは、=== を使用して、配列要素が指定された値であるかどうかを判断します。最初の要素が条件を満たす場合、指定された要素が配列内に存在し、プロンプトが表示されます。次に、break ステートメントを使用してループ全体を終了します。

例を通してさらに詳しく見てみましょう: 果物の配列に指定された要素「ドリアン」が含まれているかどうかを確認します

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 です。

例を通してさらに詳しく学びましょう: フルーツ配列に指定された要素「ドリアン」が含まれているかどうかを判断します

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 を返し、1 つ以上の要素が一致した場合は、結果を返します。 trueを返します。

構文:

array.every(function callbackfn(Value,index,array),thisValue)

例を通して詳しく学びましょう:

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("给定元素是不存在的");
}
ログイン後にコピー

出力結果は次のとおりです:

给定元素是存在的
ログイン後にコピー
ログイン後にコピー

方法 4: array

indexOf() メソッドのindexOf() メソッドを使用するで指定された要素が最初に出現した配列を返すことができます。取得する要素が存在しない場合、メソッドは-1を返します。

実装アイデア: このメソッドを使用して、配列内の指定された値の最初の出現位置を確認します。その位置が存在する場合、指定された要素が含まれます。 -1 が返された場合、指定された要素は含まれていません。

実装コードは以下のとおりです:


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

if (b>0) {
	console.log("给定元素是存在的");
} else {
	console.log("给定元素是不存在的");
}
ログイン後にコピー

出力結果は次のとおりです:

给定元素是存在的
ログイン後にコピー
ログイン後にコピー

方法 5: lastIndexOf() メソッドを使用する配列の

lastIndexOf() メソッドは、配列内の要素を検索し、その要素が最後に発生した位置を返します。取得する要素が存在しない場合、メソッドは-1を返します。

実装アイデア: このメソッドを使用して、配列内の指定された値の最後の出現位置を確認します。位置が存在する場合、指定された要素が含まれます。-1 が返された場合、指定された要素は含まれません。


実装コードは以下のとおりです:

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

if (b>0) {
	console.log("给定元素是存在的");
} else {
	console.log("给定元素是不存在的");
}
ログイン後にコピー

出力結果は次のとおりです:

给定元素是不存在的
ログイン後にコピー
わかりました。今のところはここまでです。必要に応じて読んでください。 :

JavaScript ビデオ チュートリアル #

以上が指定された要素が存在するかどうかを確認するための JS 配列の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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