Como inverter uma string em JavaScript

Neste artigo veremos como inverter uma string na linguagem JavaScript, de uma maneira fácil, utilizando métodos existentes na própria linguagem.

Fala programador(a), tudo bem? Bora aprender mais sobre JavaScript!

A maneira mais simples de inverter uma string é utilizando uma sequência de métodos, que pode não ser a alternativa mais performática

Porém resolve bem o problema e de forma simples

A ideia é utiliza o método split, para separar todos os caracteres, seguido do método reverse que fará a inversão do array criado pelo split

Por fim utilizaremos join, para juntar novamente o array em uma string e entregar ela para nós de forma inversa

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Vamos ver na prática:

let teste = "Testando uma string";

let invertida = teste.split("").reverse().join("");

console.log(invertida);

Teremos então a seguinte saída:

gnirts amu odnatseT

Caso estejamos optando por performance, podemos optar por uma função utilizando um loop

Veja o exemplo:

function inverterString(str) {
    var o = '';
    for (var i = str.length - 1; i >= 0; i--) {
        o += str[i];
    }
    return o;
}

console.log(inverterString("Testando a inversão"));

Você deve escolher este método caso esteja buscando um código mais performático, ou seja, que execute mais rápido

Perceba também que para uma destas formas impactar na performance, o uso deve ser muito intenso e número de caracteres da string muito extenso

Caso sejam aplicações para resolver problemas simples, utilize a primeira opção

Conclusão

Neste artigo vimos como inverter uma string com a linguagem JavaScript

Foram abordadas duas maneiras de executar esta ação, uma utilizando um conjunto de métodos, que resolve o problema mas acaba sendo menos performática

E a outra um simples loop que realoca os caracteres, e também tem melhor performance

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube

Explicar o PORQUÊ de cada uma antes do código: o spread quebra a string em caracteres sem precisar do split(”), e o reduce vai empilhando cada caractere na frente do acumulador. Fechar dizendo que todas chegam no mesmo resultado, muda só o estilo que você prefere escrever.

Antecipar o erro clássico: split(”) e o spread quebram por caractere, e alguns emojis ou caracteres especiais ocupam mais de uma unidade, então a inversão pode bagunçar o símbolo. Explicar de forma qualitativa que pra texto comum (letras e números) as formas do post resolvem numa boa, mas se a string tiver emoji ou certos caracteres compostos vale testar a saída antes de confiar. Sem citar número de versão nem método específico que não esteja no corpo.

Uma comparação direta em 2 ou 3 linhas: a sequência split/reverse/join é mais curta e legível, boa pra maioria dos casos; o loop percorre a string de trás pra frente e tende a ser mais rápido quando o uso é muito intenso e a string muito longa. Reforçar de forma qualitativa (sem número) que pra problema simples a legibilidade ganha. Isso vira um bloco que responde a busca sozinho como snippet.

Incluir perguntas curtas com resposta objetiva: ‘Existe um método reverse() pronto pra string?’ (não, o reverse() é do array, por isso a gente transforma a string em array antes com split ou spread); ‘Como inverter a ordem das palavras em vez das letras?’ (usar split(‘ ‘) pra separar por espaço, reverse e join(‘ ‘) de volta); ‘Qual a forma mais rápida?’ (responder qualitativamente que o loop tende a ser melhor em uso muito intenso, senão a legibilidade vale mais). Tudo apoiado no que o próprio post já ensina, sem dado não verificado.