Heim > Web-Frontend > js-Tutorial > Wie finde und extrahiere ich Elemente, die einen Teilstring enthalten, aus einem Array in JavaScript?

Wie finde und extrahiere ich Elemente, die einen Teilstring enthalten, aus einem Array in JavaScript?

Susan Sarandon
Freigeben: 2024-10-26 21:54:03
Original
598 Leute haben es durchsucht

How to Find and Extract Elements Containing a Substring from an Array in JavaScript?

Erweiterte Teilstring-Suchtechniken in Arrays mit findIndex()

In JavaScript kann das Durchsuchen eines Arrays nach Teilstring-Übereinstimmungen eine vielschichtige Aufgabe sein. Stellen Sie sich das folgende Szenario vor:

Problem: Wie kann ich ein Array nach einem Teilstring durchsuchen und den gesamten passenden String abrufen, einschließlich des Teils nach dem Teilstring?

Beispiel:

const windowArray = [ "item", "thing", "id-3-text", "class" ];
Nach dem Login kopieren

Anforderung: Suchen Sie das Array-Element mit „id-“ in seiner Zeichenfolge und extrahieren Sie den gesamten Wert, in diesem Fall „id-3-text“. ".

LÖSUNG:

Verwendung von findIndex() und Includes()

Die einfachste Lösung nutzt den ES6 höher- Bestellmethode findIndex(). Diese Methode durchläuft die Elemente eines Arrays und gibt den Index des ersten Elements zurück, das ein bestimmtes Kriterium erfüllt:

myArray.findIndex(element => element.includes("substring"))
Nach dem Login kopieren

Implementierung:

  • findIndex(): Diese Methode durchläuft das Array, bis sie ein Element findet, das die Kriterien erfüllt (in diesem Fall einschließlich der „id-“-Teilzeichenfolge).
  • Element: Der Parameter der Funktion repräsentiert jedes Array-Element.
  • fetter Pfeil (=>): Deklariert eine anonyme Funktion und vereinfacht die Syntax.
  • includes( ):: Überprüft, ob das aktuelle Element die angegebene Teilzeichenfolge enthält.

Mit dieser Methode kann das angeforderte Ergebnis genau und effizient abgerufen werden.

Das obige ist der detaillierte Inhalt vonWie finde und extrahiere ich Elemente, die einen Teilstring enthalten, aus einem Array in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage