Podziel pełną nazwę na pierwszy i ostatni w JavaScript

W niektórych sytuacjach formularz HTML na stronie internetowej zajmuje tylko jedno pole tekstowe, aby uzyskać pełną nazwę użytkownika. Następnie deweloper musi podzielić nazwę na nazwy i nazwiska. W tym celu JavaScript oferuje predefiniowane metody, w tym „podział()”Metoda i„substring ()„Metody, które mogą ci pomóc.

W tym poście omówi procedurę podziału nazwy na imię i nazwisko za pomocą JavaScript.

Jak podzielić pełną nazwę na pierwszy i ostatni za pomocą JavaScript?

Aby podzielić pełną nazwę między nazwą a nazwiskiem, użyj następujących metod JavaScript:

• metoda split ()
• Metoda Substring ()

Sprawdźmy te metody jeden po drugim.

Metoda 1: Podziel nazwę na imię i nazwisko za pomocą metody split ()

Aby podzielić nazwę na imię i nazwisko/ nazwisko/ nazwisko, użyj „podział()" metoda. Metoda split () akceptuje wzór i dzieli ciąg na uporządkowaną listę podłoża, wyszukując wzór, a następnie przechowuje te podjazdy w tablicy i podaje tablicę jako wyjście.

Składnia
Użyj następującej składni do metody split ():

Split (separator)

Separator jest dowolnym znakiem lub wzorem na podstawie którego łańcuch zostanie podzielony.

Wartość zwracana

• Zwraca szereg oddzielonych słów na podstawie separatora.

Przykład
Utwórz zmienną „nazwa„Zawiera pełną nazwę:

var name = "Susan Cain";

Zadzwoń do "podział()„Metoda i przejdź”przestrzeń”Jako separator, w którym ciąg podzieli się:

var nazwy = nazwa.podział(");

Wydrukuj podzielony ciąg „nazwa”Jako imię i nazwisko przy użyciu indeksów tablicy. Jak wiemy, metoda podziału zwraca szereg listy słów, więc uzyskuj ich dostęp za pomocą indeksów:

konsola.log ("Name ="+ Names [0]);
konsola.log ("nazwa ="+ nazwy [1]);

Dane wyjściowe pokazuje, że nazwa jest skutecznie podzielona na imię i nazwisko:

Metoda 2: Podziel nazwę na imię i nazwisko za pomocą metody SUBSTRING ()

Kolejna metoda podziału nazwy na imię, a nazwisko to „substring ()" metoda. Metoda Substring () podaje część ciągu między indeksami danymi i końcowymi lub do końca ciągu.

Składnia
Postępuj zgodnie z podaną składnią dla metody Substring ():

podłoże (startIndex, endindex)

W podanej składni:

• „„startIndex”Jest indeksem postaci, z którego uruchomi się podsumowanie.
• "endindex”To koniec podłoża.

Wartość zwracana

• Wyświetla nowy ciąg zawierający żądaną część ciągu wejściowego.

Przykład
Utwórz zmienną „przestrzeń”, Który przechowuje indeks przestrzeni za pomocą„indeks()" metoda:

var space = nazwa.indeks(" ");

Zadzwoń do "substring ()„Metoda uzyskania imienia z nazwy, przekazując indeks początkowy jako„0”A indeks końcowy jest indeksem przestrzeni:

var FirstName = Nazwa.podłoże (0, przestrzeń);

Aby uzyskać drugą część łańcucha lub nazwisko, użyj „substring ()" metoda:

var lastName = nazwa.podłoże (przestrzeń + 1);

Wydrukuj imię i nazwisko na konsoli:

konsola.log („Name =”+ nazwa FirstName);
konsola.log ("nazwa ="+ lastName);

Wyjście

Dostarliśmy najłatwiejszą metodę związaną z podziałem pełnej nazwy na imię i nazwiska w JavaScript.

Wniosek

Aby podzielić pełną nazwę na dwie części, imię i nazwisko, użyj „podział()”Metoda i„substring ()" metoda. Metoda split () podaje tablicę podzielonych słów na uporządkowanej liście podłoża, podczas gdy metoda substring () podaje ciąg jako podłoże pomiędzy indeksami startowymi i końcowymi. W tym poście omówiono procedurę podziału nazwy na dwie części: imię i nazwisko za pomocą JavaScript.