Pular para o conteúdo

Programando Soluções

Separar a string em um array usando split do Javascript

  • por
javascript split

Introdução

O split é um método do Javascript utilizado em Strings e ele serve para dividir uma string em uma lista.

A divisão da string é feita procurando por um padrão, esse padrão é uma string que pode ter um ou mais caracteres, e é passado como primeiro parâmetro na chamada do método.

Este método pode ser útil para auxiliar em lógicas com strings, e uma grande vantagem dele, é que o retorno sempre será um array, então é comum utilizá-lo junto com funções de array como o map, filter, foreach e entre outras funções para array.

Sintaxe do método e parâmetros

A sintaxe do método é dessa forma:

str.split([separador[, limite]])

O primeiro parâmetro é o separador, nele é definido um caractere ou uma sequencia de caracteres que devem ser encontrados na string para dividir em um array.

O segundo parâmetro é o limite, ele é opcional, é um número inteiro e não negativo que indica a quantidade de vezes que a string será dividida.

Separando a string por vírgula

Normalmente é passado somente um caractere para o parâmetro separador, por exemplo, caso a string tenha virgulas separando as palavras, o separador será uma virgula, então ela será passada como primeiro parâmetro para dividir a string.

let frutas = "maça, pera, laranja, limão";
let array_de_frutas = frutas.split(",");
console.log(array_de_frutas);
//o resultado no console será:
//(4) ["maça", " pera", " laranja", " limão"];

Separando todas as palavras da string

caso queira separar pelos espaços em brancos de uma string, o separador vai ser o espaço, veja um exemplo.

Se o separador contiver vários caracteres, toda a sequência de caracteres deve ser encontrada para que a string seja dividida.

Se o separador for omitido, ou não for encontrado dentro da string, será retornado um array, com toda a string em uma posição.

Limitar o tamanho do retorno

Com o split é possível colocar um tamanho limite para que a string seja separada em um array. Isso pode ser uma vantagem quando você precisa só de uma primeira ocorrência na string ou só precisa separar o começo dela:

//parâmetro limite
let texto = "este é um texto para o teste";
let resultado = texto.split(" ", 4);
console.log(resultado);

E o resultado no console será esse, todo o resto da string é ignorado e não é colocado no array:

Separar por cadeia de caracteres

Outra possibilidade, é separar não só por uma letra, espaço ou caractere específico, também é possível encontrar um conjunto de caracteres para que separe a string

let texto = "este é um texto para o teste";
let resultado = texto.split("um texto");
console.log(resultado);

Com isso, a string será separada em um array com duas posições, dessa forma:

Inverter uma string

Com o split da para inverter uma string, e de um jeito bem tranquilo, como ele retorna um array, todas as funções de array ficam disponíveis para o uso, e uma delas é o reverse, e após usá-lo é preciso juntar a string novamente com o comando join

let texto = "palavra";
let resultado = texto.split("").reverse().join("");
console.log(texto);
console.log(resultado);

Contar ocorrencias de uma letra na string

Outra forma útil de usar o split é colocá-lo em uma lógica para contar a quantidade de ocorrências de uma letra dentro da string.

Para esta lógica, será necessário separar todas as letras da string, transformando assim em um array com todas as letras e cada um em uma posição. Após isso é necessário utilizar o filter, para filtrar o array e será retornado apenas as posições onde aparecem a letra a ser localizada, e assim terá um array com as letras e a quantidade de ocorrências é o tamanho do array, veja o código:

let texto = "palavra utilizada para teste";
let resultado = texto.split("").filter((letra) => letra.indexOf("a") != -1);
console.log(resultado);
console.log(resultado.length);

O primeiro console, mostrará um array somente com as letras “a”, e o total de posições dele é o total de ocorrências da letra “a” dentro da string:

Vídeo completo

Gravei um vídeo completo sobre como utilizar o Split do Javascript:

Código fonte

Todo o código fonte dos exemplos mostrados estão no meu CodeSandbox

Para ver outros canais onde o posto conteúdo, meu Github e também cursos, veja os Links do Programando Soluções.

Referências

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/String/split

Este conteúdo te ajudou de alguma forma?

Marcações:
Usamos cookies para lhe proporcionar a melhor experiência possível no nosso site. Ao continuar a usar este site, você concorda com o uso de cookies.
Ok