コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScriptで指定された配列要素が存在するかどうかを確認する方法

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

青灯夜游
リリース： 2022-10-12 17:13:37
オリジナル
17670 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル：
javascript
ソース：php.cn
前の記事：JavaScript が弱い型付け言語であるのはなぜですか? 次の記事：JavaScript はフレームワークですか、それともライブラリですか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド img:active{} のような CSS のみを使用して、マウスクリック時に画像の src を変更する必要があります
から 2024-04-06 19:25:49
0
1
505
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
CollapseDisplay クラスを使用してブートストラップ アコーディオン ヘッダーの外観をカスタマイズする class Collapseshow を使用してパネルのカード タイトルのスタイルを設定したいと考えています。この例では、最初のパネルです。 CSS を使用して .accordio...
から 2024-04-06 12:53:11
0
1
376
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート