Ampliando a String do JavaScript

(Última atualização em: 18 de março de 2016)

Será que existe alguma maneira de reverter os caracteres de uma String em JavaScript?

"arroz".reverse(); //TypeError: "arroz".reverse is not a function

É… Parece que não…

Mas um Array tem essa função de reverter:

[1,2,3].reverse(); //[3,2,1]

Poderíamos transformar a String em Array com split, reverter esse Array e transformá-lo novamente em String com um join. Tipo:

"arroz".split("").reverse().join(""); //"zorra"

Funcionou!

Seria legal se pudéssemos colocar esse nosso código na String do JavaScript… O incrível é que podemos!

String.prototype.reverse = function(){
    return this.split("").reverse().join("");
}

No código anterior, usamos o prototype de String: um objeto compartilhado por todas as Strings do JavaScript. Ao colocar a nova função reverse como propriedade desse prototype das Strings, estamos colocando essa nova função para todas as Strings!

"arroz".reverse(); //"zorra"
"uva".reverse(); //"avu"
"ovo".reverse(); //"ovo"

Essa técnica de mudar detalhes da linguagem (como String), colocando código a mais é chamada de Monkey Patching, ou remendo em bom português. O pessoal mais experiente recomenda que você não use isso em seus projetos. Poder pode, mas não deve… Imagine se todas as bibliotecas que você usa fizessem esse tipo de coisa com a String… Ia virar uma bagunça!

Aprenda mais sobre a linguagem Javascript com nossos cursos de Javascript. Se preferir cursos presenciais, temos a Formação Front-End na Caelum.

  • Weverton Reis

    Interessante.

  • Daniel Simao da Silva

    Muito bom artigo, massss poderia rolar um exemplo ensinando a criar um objeto um conjunto de funções para tratar a string, sem alterar o prototype do objeto nativo String.

    • Fala, Daniel!

      O foco do artigo é justamente o prototype!

      Para fazer um objeto utilitário com a função de replace para Strings, poderíamos fazer algo como:

      var util = {
        strings: {
          replace: function(str){
             return str.split("").reverse().join("");
          }
        }
      };
      

      Usaríamos esse objeto utilitário da seguinte forma:

      util.strings.replace("arroz"); //"zorra"
      

Próximo ArtigoUtilizando o padrão Delegate no Android