コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > フロントエンドQ&A > es6 にアイテムが存在するかどうかを確認する方法

es6 にアイテムが存在するかどうかを確認する方法

青灯夜游
リリース： 2023-01-04 09:13:34
オリジナル
2301 人が閲覧しました

方法: 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)」です。 5. lastIndexOf を使用します。 () の構文は「array .lastIndexOf(value)」です。

es6 にアイテムが存在するかどうかを確認する方法

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

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

find() メソッドは、配列内の最初の要素を検索するために使用されます。条件を満たす配列、条件を満たす要素が無い場合は undefined

find() が返され、空の配列の場合は関数は実行されません。

find() は配列の元の値を変更しません。 

array.find(function(currentValue, index, arr),thisValue)
ログイン後にコピー
関数パラメータ: パラメータの説明 currentValue は必須です。現在の要素のインデックスはオプションです。現在の要素のインデックス値 arr はオプションです。現在の要素が属する配列オブジェクト thisValueこのパラメータが空の場合、「未定義」が「this」値に渡されます 戻り値:
パラメータ説明
function(currentValue,index,arr) ＃＃＃＃＃＃必須。配列の各要素に対して実行する必要がある関数。
はオプションです。関数に渡される値は通常、「this」値を使用します。

    Return テスト条件を満たす最初の配列要素の値 条件を満たす要素が存在しない場合は、未定義が返されます。

    • 例: フルーツ配列に指定された要素「ドリアン」が含まれているかどうかを確認します
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 を返し、1 つ以上の要素が一致した場合は、結果を返します。 trueを返します。 

array.every(function callbackfn(Value,index,array),thisValue)
ログイン後にコピー

パラメータ説明function(currentValue,index,arr) ＃＃＃＃＃＃しなければならない。関数。配列内の各要素はこの関数を実行します。 オプション。オブジェクトは実行コールバックとして使用され、関数に渡され、「this」の値として使用されます。 例:
関数パラメータ: パラメータの説明 currentValue でなければなりません。現在の要素の値インデックスはオプションです。現在の要素のインデックス値 arr はオプションです。現在の要素が属する配列オブジェクト

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

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


方法 4:使用法 arrayes6 にアイテムが存在するかどうかを確認する方法

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

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

関連ラベル：
es6 アレイ
ソース：php.cn
前の記事：es6で配列内の同じ要素を削除する方法 次の記事：Reactでパスワード非表示機能を実装する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
URL パラメータから取得した PHP 配列が期待どおりに動作しない カテゴリ ID を含む URL パラメータがあり、それを次のような配列として扱いたいと考えています: http://example.com?cat[]=3,9,13 PHP では、...
から 2024-04-06 22:09:02
0
1
1428
戻り値の変数の形式は何ですか? 私はphpの初心者です。コードを見つけました: if($x<time()){return[false,'error'];} ロジックや変数は重要ではありませんが、[false...
から 2024-04-06 21:55:20
0
1
778
MySQL SQLクエリを使用して別のテーブルのフィールドの合計を計算する 次のようなスキーマがあります。 属性「user_id」と「username」を持つユーザーテーブルと、属性「customer_id」（user_idのFK）と「finalPrice...
から 2024-04-06 19:39:29
0
1
441
MySQL でグループ化してカウントするにはどうすればよいですか? 友人に送信され、削除されていないメッセージの合計数を抽出するクエリを作成しようとしています。これはテーブル構造のスクリーンショットです。 達成したい出力は次のとおりです。 idme...
から 2024-04-06 18:30:17
0
1
353
文字列を HTML コード (配列から生成) に置き換えるトップレベルのメソッド 次のような文字列があるとします... $htmlPattern="Usernameis:#name#andusercompanyis#company#"; 部分...
から 2024-04-06 17:40:41
0
2
410
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート