Holen Sie sich den Schnittpunkt von zwei Arrays in JavaScript

Während des Umgangs mit Daten in Masse wird der Zugriff etwas schwierig. Zum Beispiel ein bestimmtes Datensatz basierend auf demselben Attribut wie Name abrufen. Außerdem kann es eine Anforderung geben, die enthaltenen Daten in Zukunft zu verwenden. In solchen Fällen ist die Überschneidung von zwei Arrays in JavaScript von großer Hilfe bei der effektiven Verwaltung der Ressourcen, dem günstigen Zugriff auf die Daten und sparen Sie die Zeit.

In dieser Beschreibung wird die Ansätze gezeigt, um den Schnittpunkt von zwei Arrays in JavaScript zu erhalten.

So erhalten Sie den Schnittpunkt von zwei Arrays in JavaScript?

Der Schnittpunkt von zwei Arrays in JavaScript kann durch Anwenden der “berechnet werdenFilter()Methode in Kombination mit Folgendem:

• “inklusive ()" Methode.
• “Index von()" Methode.
• “Benutzerdefinierte”Funktion.

Lassen Sie uns jeden der Ansätze nacheinander diskutieren!

Ansatz 1: Erhalten Sie die Schnittstelle von zwei Arrays in JavaScript mit der Include () -Methode

Der "Filter()Die Methode gibt ein neues Array mit den Elementen zurück, die die von einer Funktion bereitgestellten Funktionen erreichen. Während die "inklusive ()Die Methode gibt true zurück, wenn ein angegebener Wert in einer Zeichenfolge enthalten ist. Diese Methoden können verwendet werden, um eine Überprüfung eines bestimmten Arrays in Bezug auf das andere Array für die enthaltenen gemeinsamen Werte anzuwenden.

Syntax

Array.Filter (Funktion (Strom, Index, arr), diese)

In der obigen Syntax:

• “Funktion”Bezieht sich auf die Funktion, die für jedes Array -Element ausgeführt werden soll.
• “aktuell”Zeigt auf den Wert des aktuellen Elements.
• “IndexIst der Index des aktuellen Elements.
• “arr”Entspricht dem Array des aktuellen Elements.
• “Das”Gibt den an die Funktion übergebenen Wert an.

Saite.Beinhaltet (Wert)

In der angegebenen Syntax:

• Die Include () -Methode sucht nach der “Wert" im "Saite”.

Beispiel

Überlegen wir das unterbewertete Beispiel:

Im obigen Code -Snippet:

• Erstens deklarieren Sie zwei Arrays mit den angegebenen Werten mit den angegebenen Werten.
• Danach anwenden Sie die “Filter()" Und "inklusive ()Methoden in Kombination.
• Dies erfolgt durch die Übergabe eines Wertes “ArtikelUnd eine Überprüfung des letzteren Arrays für die enthaltenen gemeinsamen Werte in Bezug auf das erstere Array anwenden.
• Schließlich zeigen Sie den Schnittpunkt von zwei Arrays an.

Ausgang

Im obigen Ausgang kann beobachtet werden, dass der Schnittpunkt beider Arrays abgerufen wird.

Ansatz 2: Erhalten Sie die Schnittstelle von zwei Arrays in JavaScript mithilfe der Indexof () -Methode

Der "Index von()"Methode gibt den Index des angegebenen Arrayelements aus und gibt zurück"-1”Wenn nicht gefunden. Diese Methode kann implementiert werden, indem eine Bedingung auf die Indizes der gemeinsamen Array -Elemente angewendet wird.

Syntax

Saite.Indexof (Suche)

In der obigen Syntax:

• “suchen”Entspricht dem Index eines bestimmten Array -Elements.

Beispiel

Lassen Sie uns das folgende Beispiel durchlaufen:

Im obigen Code -Snippet:

• Deklarieren Sie ebenso zwei Arrays mit den angegebenen Werten.
• Wenden Sie im nächsten Schritt die anFilter()Methode, die sich auf das frühere Array bezieht und in ähnlicher Weise die “anwendenIndex von()Methode auf dem letzteren Array.
• Dies führt dazu, dass die gemeinsamen Elemente aus dem zweiten Array extrahiert werden, die den ersten Array -Elementen unter Berücksichtigung der Ausnahme des Index entsprechen, i.e., “nicht gefunden”.

Ausgang

Ansatz 3: Erhalten Sie die Schnittstelle von zwei Arrays in JavaScript mit der benutzerdefinierten Funktion

Dieser Ansatz kann verwendet werden, um die erforderlichen Funktionen durchzuführen, indem die deklarierten Arrays als benutzerdefinierte Funktionsparameter bestanden werden.

Beispiel

Folgen wir dem folgenden Beispiel:

Führen Sie die folgenden Schritte im obigen Code -Snippet aus:

• Eine Funktion namens deklarieren “Arrayintersection ()Mit den angegebenen Parametern.
• Die Funktionsparameter weisen auf die Arrays hin, die später im Code deklariert werden.
• Erstellen Sie in der Funktionsdefinition ein neues Set -Objekt mit Hilfe des Schlüsselworts “neu" und das "SatzKonstruktor.
• Wenden Sie im nächsten Schritt die anFilter()" Und "hat()Methoden so, dass die Array -Elemente basierend auf der Kreuzung extrahiert werden.
• Deklieren Sie im weiteren Code zwei Arrays mit den angegebenen Werten.
• Greifen Sie auch auf die definierte Funktion zu und übergeben Sie die deklarierten Arrays als Parameter.
• Dies wird die Schnittstelle beider Arrays ergänzen.

Ausgang

Es kann beobachtet werden, dass in beiden Arrays kein Element üblich war, daher eine “Null”Array wird zurückgegeben.

Abschluss

Die Include () -Methode und die Indexof () -Methode können implementiert werden. Die benutzerdefinierte Funktion kann angewendet werden, indem die erforderliche Funktionalität in einer benutzerdefinierten Funktion getrennt angewendet und die deklarierten Arrays als (Funktion) Parameter übertragen werden. In diesem Tutorial wurde gezeigt, wie der Schnittpunkt zweier Arrays mit JavaScript berechnet wird.