Introdução

Neste artigo, veremos três métodos JavaScript: split(), reverse() e join(). Esses métodos são úteis para trabalhar com strings e realizar tarefas como inverter texto ou alterar a ordem das palavras.

Pré-requisitos

Não é necessária nenhuma experiência anterior – apenas vontade de mergulhar em JavaScript e experimentar esses métodos.

O método split()

O método split() divide uma string em um array baseado em um delimitador especificado, que é passado como um argumento. O delimitador informa ao programa onde “cortar” a string. Por exemplo, se você tiver uma frase como "Este é um sanduíche adorável" e quiser dividi-la em palavras individuais, poderá usar um espaço (' ') como delimitador.

const string = "This is a lovely sandwich";
const splitString = string.split(" ");

Quando você fornece um espaço (' ') como argumento, o código procura esse espaço na string e "divide" a string em cada ocorrência. Isso cria uma matriz, onde cada palavra se torna um elemento individual.

O resultado do código acima é:

Array(5) [ "This", "is", "a", "lovely", "sandwich" ]

Muito legal, certo?

Você pode usar qualquer delimitador que desejar. Por exemplo, se você tiver uma string hifenizada como "oi, como vai você!" e você deseja dividi-lo por hífens, basta usar '-' como delimitador:

const hyphen = "hi-there-how-are-you-doing!";
const splitHyphen = hyphen.split("-");

const hífen = "oi-como-você está!"; const splitHyphen = hyphen.split("-");

Isso resulta em:

const hyphen = "hi-there-how-are-you-doing!";
const splitHyphen = hyphen.split("-");

Array(6)

Este método abre muitas possibilidades para manipulação de strings. Mas agora, você pode estar pensando:

Ok, isso é ótimo, mas comecei com uma string e agora tenho um array. Como faço para recuperar minha string?

Vamos passar para o próximo método.

O método join()

O método join() pode ser usado em um array para transformá-lo novamente em uma string. Assim como split(), o método join() recebe um argumento que especifica como unir os elementos do array. A diferença é que em vez de quebrar uma string, join() usa o argumento para combinar os elementos do array novamente em uma única string.

Por exemplo, usando o array splitHyphen anterior, você pode juntá-lo novamente em uma string fornecendo um espaço como argumento:

const joinedString = splitHyphen.join(" ");

const joinString = splitHyphen.join(" ");

Isso resulta em:

const joinedString = splitHyphen.join(" ");

"Olá, como vai você!"

É como mágica! Agora seu array é transformado novamente em uma string, com espaços entre cada palavra.

O método reverso()

O método reverse() altera a ordem dos elementos em um array para ser o oposto do que era. Este método é chamado diretamente no array, sem nenhum argumento, e simplesmente inverte a ordem dos elementos.

Por exemplo, se você deseja reverter os elementos na matriz splitHyphen, você pode fazer isto:

const joinedString = splitHyphen.join(" ");

const reversedArray = splitHyphen.reverse();

O resultado é:

const joinedString = splitHyphen.join(" ");

const reversedString = reversedArray.join(" ");

const reversedString = reversedArray.join(" ");

"doing! you are how there hi"

"fazendo! você está aí, oi"

Muito legal, certo?

Conclusão

---

Neste artigo, exploramos três métodos essenciais em JavaScript: split(), reverse() e join(). Vimos como eles trabalham juntos para manipular strings e arrays, transformando-os de maneira flexível. Espero que isso ajude você em sua jornada JavaScript e inspire você a experimentar mais!

Obrigado por ler! Se você tiver alguma dúvida ou quiser compartilhar sua opinião sobre a manipulação de strings JavaScript, sinta-se à vontade para entrar em contato comigo no Twitter @km_fsdev.