O split JavaScript é uma ferramenta fundamental que permite dividir uma string em partes menores com base em um separador especificado.
Esse método oferece um grande poder na manipulação e processamento de dados em linguagem JavaScript. Neste artigo, exploraremos em detalhes o funcionamento do método split(), seu uso prático e suas aplicações web ou em diversos outros cenários.
O método split() é uma função embutida em JavaScript. Ela possibilita a divisão de uma string em um array de substrings com base em um caractere de separação.
A utilidade do split() é visível em diversas situações. Um caso comum é o processamento de dados fornecidos pelo usuário, como a separação de tags em um campo de entrada.
Além disso, emprega-se frequentemente esse método na extração de informações de textos formatados. Como, por exemplo, análise de CSV (Comma-Separated Values) ou até mesmo na manipulação de URLs.
Essa versatilidade que mencionamos o torna uma ferramenta valiosa para processamento de dados e análise textual em diversas aplicações.
Conteúdo
O que é o método split JavaScript?
Como mencionado anteriormente, utiliza-se o método “split” em JavaScript para dividir uma string em substrings com base em um separador especificado.
Especialmente útil quando você precisa quebrar uma string em partes menores para processamento ou análise. Aqui alguns exemplos da sintaxe envolvida:
string.split(separador, limite);
- string: a string que você deseja dividir;
- separador: o caractere ou expressão regular que dividirá a string;
- limite (opcional): o número máximo de substrings resultantes.
Abaixo exemplificamos visualmente, para detalhar cada método na seção seguinte.
1. Dividindo por um espaço em branco
const frase = "Olá, como vai você?";
const palavras = frase.split(" ");
console.log(palavras); // Output: ["Olá,", "como", "vai", "você?"]2. Dividindo por vírgulas
const lista = "maçã,banana,uva,laranja";
const frutas = lista.split(",");
console.log(frutas); // Output: ["maçã", "banana", "uva", "laranja"]3. Limitando o número de substrings
const data = "2023-08-20";
const partes = data.split("-", 2);
console.log(partes); // Output: ["2023", "08"]4. Dividindo por expressão regular (vírgula ou ponto e vírgula)
const texto = "Olá;mundo,testando,separadores";
const elementos = texto.split(/[;,]/);
console.log(elementos); // Output: ["Olá", "mundo", "testando", "separadores"]Lembre-se de que o método split retorna um array de substrings resultantes da divisão da string original.
Você pode acessar cada substring pelo seu índice no array. Certifique-se de entender bem os parâmetros e escolher o separador adequado para o seu caso de uso.
Nas próximas seções explicaremos os detalhes sobre cada método.
Sintaxe split JavaScript: dissecando exemplos
Exemplo 1: Segmentação por espaço em branco
const frase = "Olá, como vai você?";
const palavras = frase.split(" ");
console.log(palavras); // Resultado: ["Olá,", "como", "vai", "você?"]Neste exemplo, a string "Olá, como vai você?" é dividida em substrings usando um espaço em branco como separador.
O método split(” “) detecta os espaços em branco na string. Em seguida, quebra a frase em partes separadas sempre que um espaço em branco é encontrado. Isso resulta em um array contendo as palavras individuais da frase.
Exemplo 2: Divisão por vírgulas
const lista = "maçã,banana,uva,laranja";
const frutas = lista.split(",");
console.log(frutas); // Resultado: ["maçã", "banana", "uva", "laranja"]Neste caso, assim, a string “maçã,banana,uva,laranja” é dividida em substrings usando a vírgula como separador. O método split(“,”) encontra as vírgulas na string e divide a lista de frutas em partes individuais. Logo, resultando em um array com cada fruta como um elemento.
Exemplo 3: Limite de substrings
const data = "2023-08-20";
const partes = data.split("-", 2);
console.log(partes); // Resultado: ["2023", "08"]Aqui, a string “2023-08-20” é dividida usando o hífen como separador, mas com um limite de 2 substrings. Então, isso significa que o método split(“-“, 2) apenas divide a string em duas partes. Dessa forma, resultando em um array com dois elementos: “2023”` e `”08″.
Exemplo 4: Separação com expressão regular (vírgula ou ponto e vírgula)
const texto = "Olá;mundo,testando,separadores";
const elementos = texto.split(/[;,]/);
console.log(elementos); // Resultado: ["Olá", "mundo", "testando", "separadores"]Neste exemplo, a string "Olá;mundo,testando,separadores" é dividida usando uma expressão regular [;,] como separador. A expressão regular [;,] corresponde a qualquer vírgula ou ponto e vírgula na string.
O método split(/[;,]/), portanto, utiliza essa expressão regular para dividir a string em substrings. Isso ocorre sempre que uma vírgula ou ponto e vírgula é encontrada, resultando em um array com os elementos individuais.
Artigos relacionados:
- JavaScript Splice: adicionando e removendo elementos;
- JavaScript .length: função ou não função?;
- Split JavaScript: dividir uma string em array;
- Filter JavaScript: filtrando e gerindo dados;
- Array JavaScript: como manipular vetores;
- For JavaScript: como usar esse laço de repetição;
- If JavaScript: O que é e como funciona?
