ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptで指定された配列要素が存在するかどうかを確認する方法

JavaScriptで指定された配列要素が存在するかどうかを確認する方法

青灯夜游
青灯夜游オリジナル
2022-10-12 17:13:3717621ブラウズ

4 メソッド: 1. include() を使用して検出します。構文は「array.includes(要素値)」です。 2. some() を使用して検出します。構文は「function f(v) { if (v== =value) {return true;}}var b= array.some(f);”; 3. 検出するには、indexOf() を使用します。構文は、「array.indexOf(value)」です。 4. 使用します。 lastIndexOf() の場合、構文は「array.lastIndexOf(value)」です。

JavaScriptで指定された配列要素が存在するかどうかを確認する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

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

contains() メソッドは、配列に含まれるかどうかを判断するために使用されます。指定された値である場合は true を返し、そうでない場合は false を返します。

arr.includes(searchElement [, fromIndex])
  • searchElement 必須。検索する要素の値。

  • fromIndex オプション。このインデックスで searchElement の検索を開始します。負の場合、検索は array.length fromIndex のインデックスから昇順に開始されます。デフォルトは 0 です。

#例: フルーツ配列に指定された要素「Durian」が含まれているかどうかを判断します。

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

JavaScriptで指定された配列要素が存在するかどうかを確認する方法

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

some() メソッドは、条件を満たす要素があるかどうかを検出できます。配列内の条件。見方を変えると、配列内のすべての要素が指定した条件を満たしていないかどうかを検出するためにも使用できます。指定した条件を満たしていない場合は false を返し、1 つ以上の要素が一致した場合は、結果を返します。 trueを返します。

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

パラメータ説明パラメータの説明 currentValue でなければなりません。現在の要素の値インデックスはオプションです。現在の要素のインデックス値 arr はオプションです。現在の要素が属する配列オブジェクト#thisValue戻り値: ブール値。配列内のいずれかの要素が条件を満たす場合は true を返し、それ以外の場合は false を返します。
function(currentValue,index,arr) ######しなければならない。関数。配列内の各要素はこの関数を実行します。 関数パラメータ:

オプション。オブジェクトは実行コールバックとして使用され、関数に渡され、「this」の値として使用されます。 thisValue を省略した場合、「this」の値は「未定義」になります。

例:

function f(value, index, ar) {
    if (value === '橘子') {
        return true;
    }
}
var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
var b = fruits.some(f);
if (b) {
   console.log("给定元素是存在的");
} else {
   console.log("给定元素是不存在的");
}

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

JavaScriptで指定された配列要素が存在するかどうかを確認する方法

方法 3:使用法 array

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

array.indexOf(item,start)


パラメータ説明アイテム# ##しなければならない。検索する要素。 オプションの整数パラメータ。検索を開始する配列内の位置を指定します。有効な値は 0 ~ stringObject.length - 1 です。このパラメータを省略した場合、文字列の最初の文字から検索が開始されます。 実装コードは以下のとおりです:
start
実装アイデア: このメソッドを使用して、配列内の指定された値の最初の出現位置を確認します。その位置が存在する場合、指定された要素が含まれます。 -1 が返された場合、指定された要素は含まれていません。
var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
var b = fruits.indexOf("桃子");
if (b>0) {
   console.log("给定元素是存在的");
} else {
   console.log("给定元素是不存在的");
}

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

メソッド4: arrayJavaScriptで指定された配列要素が存在するかどうかを確認する方法

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

array.lastIndexOf(item,start)

パラメータ

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

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

下面给出实现代码::

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

输出结果为:

JavaScriptで指定された配列要素が存在するかどうかを確認する方法

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。