Heim > Web-Frontend > js-Tutorial > Hauptteil

Eine kurze Diskussion über verschiedene Methoden zur Überprüfung, ob ein Array einen bestimmten Wert in JavaScript enthält

青灯夜游
Freigeben: 2021-02-02 16:12:29
nach vorne
2708 Leute haben es durchsucht

In diesem Artikel werden Ihnen verschiedene Methoden in JavaScript vorgestellt, mit denen Sie überprüfen können, ob ein Array einen bestimmten Wert enthält. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Eine kurze Diskussion über verschiedene Methoden zur Überprüfung, ob ein Array einen bestimmten Wert in JavaScript enthält

Array ist eine der Datenstrukturen, die in unserer Programmierung häufig verwendet werden. Bei der Arbeit mit Arrays müssen wir oft einen bestimmten Wert im Array finden. JavaScript enthält einige integrierte Methoden, um zu überprüfen, ob ein Array einen bestimmten Wert oder ein bestimmtes Objekt hat.

Heute schauen wir uns an, wie man prüft, ob ein Array einen bestimmten Wert oder ein bestimmtes Element enthält.

Überprüfen Sie, ob ein Array einen Wert eines primitiven Typs enthält

Arrya.includes()-Methode

Der einfachste Weg, einen Array-Wert zu überprüfen, ist die Verwendung der include()-Methode wie folgt: include()方法,如下所示:

Eine kurze Diskussion über verschiedene Methoden zur Überprüfung, ob ein Array einen bestimmten Wert in JavaScript enthält

该函数返回一个布尔值,表示该值是否存在。

Arrya.indexOf() 方法

在需要查找的元素的确切位置的情况下,可以使用indexOf(elem)方法,该方法在指定的数组中查找elem并返回其第一次出现的索引,如果数组不包含elem则返回-1

例如,我们可以在包含 grade 的数组中查找第一次出现的 grade:

Eine kurze Diskussion über verschiedene Methoden zur Überprüfung, ob ein Array einen bestimmten Wert in JavaScript enthält

在第一个实例中,元素出现,并返回其位置,在第二个实例中,返回值表示元素不存在。

我们可以使用它来轻松地改变代码流

Eine kurze Diskussion über verschiedene Methoden zur Überprüfung, ob ein Array einen bestimmten Wert in JavaScript enthält

检查对象数组是否包含对象

some() 方法

在搜索对象时,include()检查提供的对象引用是否与数组中的对象引用匹配。这不是我们想要的,因为对象可以有相同的字段和相应的值,但引用不同。

我们可以使用some()方法根据对象的内容进行搜索。some()方法接受一个参数,接受一个回调函数,对数组中的每个值执行一次,直到找到一个满足回调函数设置的条件的元素,并返回true

为了更好地理解它,让我们看看一些 some()的实际应用

Eine kurze Diskussion über verschiedene Methoden zur Überprüfung, ob ein Array einen bestimmten Wert in JavaScript enthält

回调函数在前两种情况下返回 false,但在第三个情况下返回 true,因为名称匹配。 此后,some()暂停执行并返回 true

总结

在本文中,我们介绍了在JavaScript中检查数组是否包含指定值的几种方法。

我们已经介绍了include()函数,它会在值存在时返回一个布尔值。函数的作用是:如果值存在,则返回该值的索引;如果不存在,则返回-1

最后,对于对象,some()

Eine kurze Diskussion über verschiedene Methoden zur Überprüfung, ob ein Array einen bestimmten Wert in JavaScript enthält

Diese Funktion gibt einen booleschen Wert zurück, der angibt, ob der Wert existiert.

Arrya.indexOf()-Methode

Wenn Sie die genaue Position des Elements ermitteln müssen, können Sie die Methode indexOf(elem) verwenden, die elem und gibt den Index seines ersten Vorkommens zurück, oder <code>-1, wenn das Array kein elem enthält.

Zum Beispiel können wir das erste Vorkommen von grade in einem Array finden, das grade enthält:

Eine kurze Diskussion über verschiedene Methoden zur Überprüfung, ob ein Array einen bestimmten Wert in JavaScript enthält

In der ersten Instanz erscheint das Element und seine Position wird zurückgegeben, in beiden In diesen Fällen gibt der Rückgabewert an, dass das Element nicht vorhanden ist.

Wir können damit den Codefluss einfach ändern🎜🎜Eine kurze Diskussion über verschiedene Methoden zur Überprüfung, ob ein Array einen bestimmten Wert in JavaScript enthält🎜🎜Überprüfen Sie, ob das Objektarray ein Objekt enthält🎜🎜some()-Methode🎜🎜Bei der Suche nach einem Objekt prüft include(), ob die bereitgestellte Objektreferenz übereinstimmt diejenige im Array, die mit der Objektreferenz übereinstimmt. Dies ist nicht das, was wir wollen, da Objekte dieselben Felder und entsprechende Werte, aber unterschiedliche Referenzen haben können. 🎜🎜Wir können die Methode some() verwenden, um basierend auf dem Inhalt des Objekts zu suchen. Die Methode some() akzeptiert einen Parameter, akzeptiert eine Rückruffunktion, führt jeden Wert im Array einmal aus, bis sie ein Element findet, das die von der Rückruffunktion festgelegten Bedingungen erfüllt, und gibt true zurück code>. 🎜🎜Um es besser zu verstehen, sehen wir uns einige praktische Anwendungen von <code>some() an 🎜🎜Eine kurze Diskussion über verschiedene Methoden zur Überprüfung, ob ein Array einen bestimmten Wert in JavaScript enthält🎜🎜Die Rückruffunktion gibt in den ersten beiden Fällen false zurück, im dritten Fall jedoch true weil die Namen übereinstimmen. Danach unterbricht some() die Ausführung und gibt true zurück. 🎜🎜Zusammenfassung🎜🎜In diesem Artikel haben wir verschiedene Möglichkeiten vorgestellt, um zu überprüfen, ob ein Array einen bestimmten Wert in JavaScript enthält. 🎜🎜Wir haben die Funktion include() eingeführt, die einen booleschen Wert zurückgibt, wenn der Wert existiert. Was die Funktion tut, ist: Wenn der Wert existiert, gibt sie den Index des Werts zurück; wenn er nicht existiert, gibt sie -1 zurück. 🎜🎜Für Objekte schließlich hilft uns die Funktion some() dabei, anhand ihres Inhalts nach der Existenz eines Objekts zu suchen. 🎜🎜Ich bin Xiaozhi, ich werde das Geschirr spülen, bis zum nächsten Mal! 🎜🎜🎜Originaladresse: https://stackacabuse.com/javascript-check-if-array-contains-a-value-element/🎜🎜Autor: Abhilash Kakumanu🎜🎜Übersetzungsadresse: https://blog.csdn.net /qq449245884/article/details/113534100🎜🎜🎜Weitere Kenntnisse zum Thema Computerprogrammierung finden Sie unter: 🎜Programmierunterricht🎜! ! 🎜

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über verschiedene Methoden zur Überprüfung, ob ein Array einen bestimmten Wert in JavaScript enthält. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage