JavaScript- Cómo invertir un String con split(), reverse() y join()

JavaScript- Cómo invertir un String

En el capítulo anterior de JavaScript os expliqué la sintaxis de los Strings de manera bastante detallada. En este veremos como se pueden invertir de orden los caracteres de un String.

<script> 
    
function stringInvertido(texto) {
     return texto.split('').reverse().join('');
}

document.write(stringInvertido('JavaScript'));

</script>

Resultado

Voy a destripar este sencillo código para que veas los tres pasos que hace.

String.prototype.split()

El método split() separa con comas cada uno de los caracteres.

<script> 
    
function stringInvertido(texto) {
     return texto.split('');
}

document.write(stringInvertido('JavaScript'));

</script>

Resultado

String.prototype.reverse()

El método reverse() invierte el orden de cada uno de los caracteres.

<script> 
    
function stringInvertido(texto) {
     return texto.split('').reverse();
}

document.write(stringInvertido('JavaScript'));

</script>

Resultado

String.prototype.join()

Ya solo falta el último paso, que es juntar todos los caracteres y eliminar las comas. Y este es finalmente el código del principio.

Este código lo puedes utilizar para invertir grandes textos o para volveros a su orden normal por ejemplo.

<script> 
    
function stringInvertido(texto) {
     return texto.split('').reverse().join('');
}

document.write(stringInvertido('JavaScript'));

</script>

No te asustes con el siguiente párrafo,tan solo es un fragmento de texto invertido con el script.

.tpircs ateuqite al ed etnaled rop ayah euq ol odot oremirp áragrac es ,ydob le ne ogidóc le senop iS .ydob le ,oirausu le rev a av euq anigáp al ed odinetnoc le eugrac euq ed setna áratuceje es ogidóc ohcid ,etnematcerid o anretxe anigáp anu noc aes ay ,daeh le ne ogidóc le senop iS .ydob le ne o daeh le ne SJ ogidóc renop ertne aicnerefid anu yaH

Lo copio aquí y automáticamente vuelve a su estado normal, con lo que estoy invirtiendo lo invertido.

<script> 
    
function stringInvertido(texto) {
     return texto.split('').reverse().join('');
}

document.write(stringInvertido('.tpircs ateuqite al ed etnaled rop ayah euq ol odot oremirp áragrac es ,ydob le ne ogidóc le senop iS .ydob le ,oirausu le rev a av euq anigáp al ed odinetnoc le eugrac euq ed setna áratuceje es ogidóc ohcid ,etnematcerid o anretxe anigáp anu noc aes ay ,daeh le ne ogidóc le senop iS .ydob le ne o daeh le ne SJ ogidóc renop ertne aicnerefid anu yaH'));

</script>

Voilà, mágicamente, JavaScript ha descifrado este texto.