Del et fullt navn inn i først og sist i JavaScript

I noen situasjoner tar HTML -skjemaet på en webside bare et enkelt tekstfelt for å få fullt navn på brukeren. Deretter trenger utvikleren å skille navnet i første og etternavn. For dette formålet tilbyr JavaScript forhåndsdefinerte metoder, inkludert "dele()”Metode og“substring ()”Metoder, som kan hjelpe deg.

Dette innlegget vil diskutere prosedyren for å dele navnet i fornavnet og etternavnet ved hjelp av JavaScript.

Hvordan dele et fullt navn i først og sist ved hjelp av JavaScript?

For å dele opp et fullt navn mellom fornavnet og etternavnet, bruk følgende JavaScript -metoder:

• Split () -metode
• Substring () -metode

La oss undersøke disse metodene en etter en.

Metode 1: Del navnet i fornavn og etternavn ved hjelp av Split () -metode

For å dele navnet i fornavnet og etternavnet/ etternavnet, bruk "dele()”Metode. Split () -metoden aksepterer et mønster og deler strengen i en bestilt liste over underlag ved å søke etter mønsteret, lagrer deretter disse understrengene i en matrise og gir matrisen som en utgang.

Syntaks
Bruk følgende syntaks for Split () -metoden:

Split (separator)

Separatoren er et hvilket som helst tegn eller mønster basert på hvilken strengen vil bli delt.

Returverdi

• Den returnerer en rekke separerte ord basert på separatoren.

Eksempel
Lag en variabel “Navn”Det inneholder et fullt navn:

var name = "Susan Cain";

Ring "dele()”Metode og passere“rom”Som en separator der strengen vil dele seg:

var navn = navn.dele(");

Skriv ut delt streng "Navn”Som fornavn og etternavn ved hjelp av matriseindeksene. Som vi vet at den splittede metoden returnerer en rekke en liste over ord, så få tilgang til dem ved hjelp av indekser:

konsoll.Log ("Fornavn ="+ Navn [0]);
konsoll.Log ("etternavn ="+ Navn [1]);

Utgangen viser at navnet er vellykket delt inn i fornavn og etternavn:

Metode 2: Del navnet i fornavn og etternavn ved hjelp av Substring () -metode

En annen metode for å dele navnet i fornavnet og etternavnet er "substring ()”Metode. Substring () -metoden gir delen av strengen mellom de gitte start- og sluttindeksene eller opp til strengens slutt.

Syntaks
Følg den gitte syntaks for Substring () -metoden:

Substring (StartIndex, EndIndex)

I den gitte syntaks:

• “StartIndex”Er indeksen for karakteren der substringen vil bli startet.
• “Endindex”Er slutten på substringen.

Returverdi

• Den gir ut en ny streng som inneholder ønsket del av inngangsstrengen.

Eksempel
Lag en variabel “rom”Det vil lagre indeksen for plassen ved å bruke“oversikt over()”Metode:

var plass = navn.oversikt over(" ");

Ring "substring ()”Metode for å få fornavnet fra navnet ved å sende startindeksen som“0”Og sluttindeksen er indeksen for rommet:

var firstName = navn.substring (0, plass);

For å få den andre delen av strengen eller etternavnet, bruk "substring ()”Metode:

var etternavn = navn.Substring (Space + 1);

Skriv ut fornavnet og etternavnet på konsollen:

konsoll.Log ("Fornavn ="+ FirstName);
konsoll.Log ("etternavn ="+ etternavn);

Produksjon

Vi har gitt den enkleste metoden relatert til å dele opp et fullt navn i første- og etternavn i JavaScript.

Konklusjon

For å dele et fullt navn i to deler, fornavn og etternavn, bruk "dele()”Metode og“substring ()”Metode. Split () -metoden gir en rekke delte ord i en bestilt liste over underlag, mens Substring () -metoden gir strengen som en substring mellom starten og sluttindeksene. Dette innlegget diskuterte prosedyren for å dele navnet i to deler: Fornavn og etternavn ved hjelp av JavaScript.