Teilen

In einigen Situationen nimmt das HTML -Formular auf einer Webseite nur ein einzelnes Textfeld an, um den vollständigen Namen des Benutzers zu erhalten. Dann muss der Entwickler den Namen in den ersten und Nachnamen trennen. Zu diesem Zweck bietet JavaScript vordefinierte Methoden, einschließlich der “Teilt()Methode und “Substring ()Methoden, die Ihnen helfen können.

In diesem Beitrag wird das Verfahren erörtert, um den Namen mit JavaScript in den Vornamen und den Nachnamen aufzuteilen.

So teilen Sie einen vollständigen Namen in erster und zuletzt mit JavaScript auf?

Verwenden Sie die folgenden JavaScript -Methoden, um einen vollständigen Namen zwischen dem Vornamen und dem Nachnamen aufzuteilen:

• Split () Methode
• substring () Methode

Lassen Sie uns diese Methoden nacheinander untersuchen.

Methode 1: Teilen Sie den Namen in Vorname und Nachname mit der Methode von Split () in den Vornamen auf

Um den Namen in seinen Vornamen und Nachnamen/ Nachnamen aufzuteilen, verwenden Sie die “Teilt()" Methode. Die methode split () akzeptiert ein Muster und unterteilt die Zeichenfolge in eine geordnete Liste von Substrings durch die Suche nach dem Muster, speichert diese Substrings in einem Array und gibt das Array als Ausgabe an.

Syntax
Verwenden Sie die folgende Syntax für die methode split ():

geteilt (Trennzeichen)

Das Separator ist ein Zeichen oder Muster, das auf der String aufgeteilt wird.

Rückgabewert

• Es gibt eine Reihe von getrennten Wörtern zurück, die auf dem Separator basieren.

Beispiel
Erstellen Sie eine Variable “NameDas enthält einen vollständigen Namen:

var name = "Susan Cain";

Ruf den "Teilt()Methode und übergeben die “Raum”Als Trennzeichen, in dem sich die Zeichenfolge aufteilt:

var names = name.Teilt(");

Drucken Sie die geteilte Zeichenfolge “Name”Als Vorname und Nachname unter Verwendung der Array -Indizes. Wie wir wissen, dass die Split -Methode ein Array einer Liste von Wörtern zurückgibt, greifen Sie also mit Indizes auf sie zu:

Konsole.log ("vorname ="+ Namen [0]);
Konsole.log ("last name ="+ names [1]);

Die Ausgabe zeigt, dass der Name erfolgreich in Vorname und Nachnamen aufgeteilt wird:

Methode 2: Teilen Sie den Namen mit Substring () -Methode in Vorname und Nachnamen auf

Eine andere Methode, um den Namen in den Vornamen aufzuteilen, und der Nachname ist der “Substring ()" Methode. Die Substring () -Methode ergibt den Teil der Zeichenfolge zwischen den gegebenen Start- und Endindizes oder bis zum Ende der Zeichenfolge.

Syntax
Befolgen Sie die angegebene Syntax für die Substring () -Methode:

Substring (StartIndex, EndIndex)

In der angegebenen Syntax:

• Der "StartindexIst der Index des Charakters, aus dem das Substring gestartet wird.
• “EndindexIst das Ende des Substrings.

Rückgabewert

• Es gibt eine neue Zeichenfolge aus, die den gewünschten Teil der Eingangszeichenfolge enthält.

Beispiel
Erstellen Sie eine Variable “RaumDas speichert den Index des Raums mit der "Index von()" Methode:

var space = name.Index von(" ");

Ruf den "Substring ()Methode, um den Vornamen aus dem Namen zu erhalten, indem der Startindex als „übergeben“0Und der Endindex ist der Index des Raums:

var FirstName = Name.Substring (0, Raum);

Verwenden Sie die “, um den zweiten Teil der Zeichenfolge oder den Nachnamen zu erhaltenSubstring ()" Methode:

var lastname = name.Substring (Raum + 1);

Drucken Sie den Vornamen und den Nachnamen auf der Konsole aus:

Konsole.log ("vorname ="+ FirstName);
Konsole.log ("last name ="+ lastname);

Ausgang

Wir haben die einfachste Methode zur Aufteilung eines vollständigen Namens in den ersten und Nachnamen in JavaScript zur Verfügung gestellt.

Abschluss

Um einen vollständigen Namen in zwei Teile aufzuteilen: Vorname und Nachname, verwenden Sie die “Teilt()Methode und “Substring ()" Methode. Die methode split () gibt das Array der geteilten Wörter in einer geordneten Liste von Substrings an, während die Substring (). In diesem Beitrag wurde das Verfahren erörtert, um den Namen in zwei Teile aufzuteilen: Vorname und Nachname mit JavaScript.