ES6 で Array.includes() 関数を使用する方法

この記事では主に ES6 の Array.includes() 関数の使い方を紹介します。必要な方は参考にしていただければ幸いです。

ES5 では、Array は要素の位置を見つけるための IndexOf をすでに提供していますが、要素が存在しない場合、この関数には 2 つの小さな欠点があります。1 つ目は It です。 -1 と要素が含まれるかどうかを示す位置を返します。位置決めに関しては問題ありませんが、セマンティックが十分ではありません。もう 1 つの問題は、NaN 要素があるかどうかを判断できないことです。

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

結果:

-1

ES6 は、特定の要素が含まれているかどうかを判断する Array.includes() 関数を提供します。これにより、indexOf の上記 2 つの問題が解決されます。要素が含まれているかどうかを true または false で直接返します。また、NaN に対しても有効です。

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

Result:

tru​​e
false
true

includes() 関数の第二引数は判定の開始位置を示します。

const arr1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
console.log('%s', arr1.includes('d', 1))
console.log('%s', arr1.includes('d', 3))
console.log('%s', arr1.includes('d', 4))

結果:

tru​​e
true
false

2 番目のパラメータは、右からの数を示す負の数にすることもできますが、検索の方向は変更されません。検索の方向は依然として からです。左から右へ 。

console.log('%s', arr1.includes('k', -1))
console.log('%s', arr1.includes('k', -2))
console.log('%s', arr1.includes('i', -3))

結果:

false
true
false

関連する推奨事項: ES6の

Object.assign()メソッド

ES6のPromise拡張alwaysメソッドインスタンスの詳細な説明

ES6ブロック-レベル関数 ドメインの詳細

以上がES6 で Array.includes() 関数を使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。