Heim  >  Artikel  >  Web-Frontend  >  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
Susan SarandonOriginal
2024-10-26 21:54:03490Durchsuche

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" ];

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

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!

Stellungnahme:
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