ホームページ >ウェブフロントエンド >jsチュートリアル >es6 で配列に特定の子要素が含まれているかどうかを確認する方法

es6 で配列に特定の子要素が含まれているかどうかを確認する方法

青灯夜游
青灯夜游オリジナル
2022-03-08 16:23:005168ブラウズ

方法: 1.indexOf() 関数を使用します。構文は「array object.indexOf(value)」です。要素の位置が返された場合は要素の位置が含まれ、「-1」が返された場合は要素の位置が含まれます。は含まれません; 2. includes() 関数を使用します (構文 "array object.includes(value)")。含まれている場合は true を返し、そうでない場合は含まれません。

es6 で配列に特定の子要素が含まれているかどうかを確認する方法

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

es6 配列に特定のサブ要素が含まれているかどうかを確認する

方法 1:indexOf() 関数を使用する

indexOf は要素の位置を検索するために使用され、要素が存在しない場合は -1 を返します。

const arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
console.log(arr.indexOf('c'))
console.log(arr.indexOf('z'))

es6 で配列に特定の子要素が含まれているかどうかを確認する方法

注:indexOf() 関数には、配列に要素が含まれているかどうかを判断する際に 2 つの小さな欠点があります。

  • 最初の 1 つ目要素が含まれているかどうかを示すために -1 と要素の位置を返すということです。位置決めに関しては問題ありませんが、セマンティックが十分ではありません。

  • もう 1 つの問題は、NaN 要素があるかどうかを判断できないことです。

const arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
console.log(arr.indexOf(NaN))

es6 で配列に特定の子要素が含まれているかどうかを確認する方法

方法 2: include() 関数を使用する

includes() 関数配列に特定の値が含まれているかどうかを検出するために使用できます。

includes() 関数は、位置を特定できないことを除いて、indexOf の上記 2 つの問題を解決します。要素が含まれているかどうかを true または false で直接返します。また、NaN に対しても有効です。

const arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
console.log(arr.includes('c'))
console.log(arr.includes('z'))
console.log(arr.includes(NaN))

es6 で配列に特定の子要素が含まれているかどうかを確認する方法

[関連する推奨事項: JavaScript ビデオ チュートリアル Web フロントエンド ]

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

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