So verwenden Sie die Funktion Array.includes() in ES6

Dieser Artikel stellt hauptsächlich die Verwendung der Funktion Array.includes() in ES6 vor. Freunde, die sie benötigen, können darauf verweisen.

In ES5 bietet Array bereits indexOf, um die Position eines Elements zu finden. Wenn es nicht existiert, gibt es -1 zurück. Diese Funktion hat jedoch zwei kleine Punkte, wenn es darum geht, zu bestimmen, ob das Array ein enthält Der erste Nachteil des Elements besteht darin, dass es -1 und die Position des Elements zurückgibt, um anzuzeigen, ob es enthalten ist. Es gibt kein Problem hinsichtlich der Positionierung, aber es ist nicht semantisch genug. Ein weiteres Problem besteht darin, dass nicht festgestellt werden kann, ob NaN-Elemente vorhanden sind.

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

Ergebnis:

-1

ES6 stellt die Funktion Array.includes() bereit, um zu bestimmen, ob ein Element enthalten ist . Abgesehen davon, dass es nicht gefunden werden kann, werden die beiden oben genannten Probleme von indexOf gelöst. Es gibt direkt true oder false zurück, um anzuzeigen, ob es ein Element enthält, und ist auch für NaN wirksam.

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))

Ergebnis:

wahr
falsch
wahr

Includes() function Die beiden Parameter stellen die Ausgangslage des Urteils dar.

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))

Ergebnis:

wahr
wahr
falsch

Der zweite Parameter kann auch eine negative Zahl sein , Zeigt die Zahl von rechts an, ändert jedoch nicht die Suchrichtung. Die Suchrichtung verläuft weiterhin von links nach rechts.

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

Ergebnis:

falsch
wahr
falsch

Verwandte Empfehlungen:

Object.assign()-Methode in ES6

Detaillierte Erklärung der ES6 Promise-Erweiterung immer Methodeninstanz

Detaillierte Erklärung der ES6-Block- Ebenenumfang

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Funktion Array.includes() in ES6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!