Divida um nome completo em primeiro e último em JavaScript

Em algumas situações, o formulário HTML em uma página da web leva apenas um único campo de texto para obter o nome completo do usuário. Então, o desenvolvedor precisa separar o nome em primeiro e sobrenome. Para esse fim, o JavaScript oferece métodos predefinidos, incluindo o “dividir()”Método e“substring ()”Métodos, que podem ajudá -lo.

Esta postagem discutirá o procedimento para dividir o nome no primeiro nome e sobrenome usando JavaScript.

Como dividir um nome completo em primeiro e último usando javascript?

Para dividir um nome completo entre o primeiro nome e o sobrenome, use os seguintes métodos JavaScript:

• Método Split ()
• Método substring ()

Vamos examinar esses métodos um por um.

Método 1: divida o nome no primeiro nome e sobrenome usando o método split ()

Para dividir o nome em seu primeiro nome e sobrenome/ sobrenome, use o “dividir()”Método. O método split () aceita um padrão e divide a string em uma lista ordenada de substringas pesquisando o padrão, depois armazena essas substâncias em uma matriz e fornece a matriz como uma saída.

Sintaxe
Use a seguinte sintaxe para o método split ():

dividido (separador)

O separador é qualquer caractere ou padrão com base no qual a string será dividida.

Valor de retorno

• Ele retorna uma variedade de palavras separadas com base no separador.

Exemplo
Crie uma variável “nome”Que contém um nome completo:

var name = "Susan Cain";

Ligar para "dividir()”Método e passe o“espaço”Como um separador onde a string será dividida:

var nomes = nome.dividir(");

Imprima a corda dividida “nome”Como nome e sobrenome usando os índices de matriz. Como sabemos que o método dividido retorna uma matriz de uma lista de palavras; portanto, acesse -as usando índices:

console.log ("primeiro nome ="+ nomes [0]);
console.log ("Sobrenome ="+ nomes [1]);

A saída mostra que o nome é dividido com sucesso no primeiro nome e sobrenome:

Método 2: divida o nome no primeiro nome e sobrenome usando o método substring ()

Outro método para dividir o nome no primeiro nome e o sobrenome é o “substring ()”Método. O método substring () fornece a parte da string entre os índices de início e final fornecidos ou até o final da string.

Sintaxe
Siga a sintaxe dada para o método substring ():

Substring (startIndex, endindex)

Na sintaxe dada:

• O "startIndex”É o índice do personagem de onde a substring será iniciada.
• ““endindex”É o fim da substring.

Valor de retorno

• Ele gera uma nova string contendo a parte desejada da sequência de entrada.

Exemplo
Crie uma variável “espaço”Isso armazenará o índice do espaço usando o“índice de()”Método:

Var Space = Nome.índice de(" ");

Ligar para "substring ()”Método para obter o primeiro nome do nome, passando o índice inicial como“0”E o índice final é o índice do espaço:

var FirstName = Nome.substring (0, espaço);

Para obter a segunda parte da string ou o sobrenome, use o “substring ()”Método:

var lastName = nome.substring (espaço + 1);

Imprima o primeiro nome e o sobrenome no console:

console.log ("primeiro nome ="+ primeiro nome);
console.log ("Sobrenome ="+ Sobrenome);

Saída

Fornecemos o método mais fácil relacionado a dividir um nome completo no primeiro e sobrenomes em JavaScript.

Conclusão

Para dividir um nome completo em duas partes, primeiro nome e sobrenome, use o “dividir()”Método e“substring ()”Método. O método split () fornece a matriz de palavras divididas em uma lista ordenada de substringas, enquanto o método substring () fornece a string como uma substring entre os índices iniciantes e os finais. Este post discutiu o procedimento para dividir o nome em duas partes: primeiro nome e sobrenome usando javascript.