ホームページ ウェブフロントエンド フロントエンドQ&A es6 にアイテムが存在するかどうかを確認する方法

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

Jan 03, 2023 pm 03:24 PM
es6 アレイ

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

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

ES6 で配列を反転する方法 ES6 で配列を反転する方法 Oct 26, 2022 pm 06:19 PM

ES6 では、配列オブジェクトの reverse() メソッドを使用して、配列の反転を実現できます。このメソッドは、配列内の要素の順序を逆にして、最後の要素を最初に、最初の要素を最後に配置するために使用されます。構文「array」 。逆行する()"。 reverse() メソッドは元の配列を変更します。変更したくない場合は、拡張演算子 "..." とともに使用する必要があり、構文は "[...array].reverse() 」。

es6 の 2 つの配列で異なる項目を見つける方法 es6 の 2 つの配列で異なる項目を見つける方法 Nov 01, 2022 pm 06:07 PM

手順: 1. 構文 "newA=new Set(a); newB=new Set(b);" を使用して、2 つの配列をそれぞれセット型に変換します; 2. has() と filter() を使用して差分セットを検索します、構文 " new Set([...newA].filter(x =>!newB.has(x)))" では、差分セット要素がセット コレクションに含まれて返されます。 3. 配列を使用します。 from セットを配列に変換するタイプ、構文は「Array.from(collection)」です。

ES6で配列内の要素を削除する方法 ES6で配列内の要素を削除する方法 May 19, 2022 pm 07:17 PM

削除方法: 1. 最初の要素を削除するには、shift() を使用します。構文は「arr.shift()」です; 2. 最後の要素を削除するには、pop() を使用します、構文は「arr.pop()」です; 3 splice() を使用します。 添え字に基づいて要素を削除します。構文は「arr.splice(添え字の開始、要素の数を削除)」です。

配列はすべての es6 メソッドですか? 配列はすべての es6 メソッドですか? May 19, 2022 pm 05:40 PM

一部およびすべてが es6 メソッドです。 some() と Every() は、es6 Array オブジェクトの新しいメソッドです。some() は、配列内に条件を満たす要素があるかどうかを検出するために使用されます。いずれか 1 つが一致する限り、true を返します。 () は、配列のすべての要素が指定された条件を満たすかどうかを検出するために使用されます。

es6配列から最初の要素を削除する方法 es6配列から最初の要素を削除する方法 May 19, 2022 pm 06:35 PM

3 つの削除方法: 1.shift() を使用します。構文は「array object.shift()」です。 2. splice() を使用して、開始インデックスが 0 である要素を削除します。構文は「array object.splice(0,1)」です。 3. delete を使用してインデックス 0 の配列要素を削除します。構文は「delete array name[0]」です。

es6配列を文字列に変換する方法 es6配列を文字列に変換する方法 Oct 18, 2022 pm 02:48 PM

3 つの変換方法: 1. join() 関数を使用して、配列内のすべての要素を文字列に入れます。構文は「array object.join (separator)」です; 2. toString() 関数を使用します、構文は「array」ですobject.toString" ()" または "array object.toString().replace(/,/gi,'separator')"; 3. toLocaleString() 関数を使用します。構文は "array object.toLocaleString()" です。

es6 で配列のようなオブジェクトを配列に変換する方法 es6 で配列のようなオブジェクトを配列に変換する方法 Jan 03, 2023 pm 02:33 PM

変換方法: 1. 「for in」ステートメントを使用して、配列のようなオブジェクトを配列に変換します。構文は「for(var i in obj){console.log(arr.push(obj[i]));」です。 }"; 2. 組み込みオブジェクトのキーと値を使用します。構文は「Object.keys(obj)」および「Object.values(obj)」です。 3. Array オブジェクトの from() 関数を使用します。構文は次のとおりです。は「Array.from(obj)」です。

ES6 で 2 つの配列を合計する方法 ES6 で 2 つの配列を合計する方法 May 19, 2022 pm 06:14 PM

合計方法: 1. concat() を使用して 2 つの配列をマージします。構文 "array1.concat(array2)" は、配列 2 の要素を配列 1 の末尾に追加します。2. reduce() を使用して、配列の値を計算します。そして、構文は「array.reduce(function(p,c){sum=p+c;})」です。

See all articles