Reemplazar o Eliminar Espacios en Cadena de Texto.

En categoría: Edición Cadenas de Texto

Permite reemplazar o eliminar los espacios en blanco de una cadena de texto. El JavaScript reemplazará los espacios por los caracteres que nosotros definamos en una variable. Muy útil para eliminar todos los espacios en una URL.

| Descripción del ejemplo JavaScript

Muchas veces podemos encontrarnos con la necesidad de eliminar algún caracter o palabra de una cadena de texto almacenada en una variable. Por ejemplo, en una cadena de texto donde no queramos que aparezca la palabra "texto" podríamos utilizar el ejemplo JavaScript para eliminar cada una de ellas o simplemente reemplazarlas por otra palabra o caracter.
Otro uso muy común es cuando queremos eliminar todos los espacios en una dirección URL del tipo http://..... . El Script eliminará los espacios en blanco al principio, final y también los que están en medio de la cadena de texto, quedando la URL libre y lista para ser cargada en un navegador.
El JavaScript es muy sencillo solo cuenta con cuatro líneas que debemos configurar para adaptarlo a nuestras necesidades. En el ejemplo se utilizó un formulario con algunos elementos para mostrar las cadenas de texto con y sin espacios, pero aclaro que esto lo podemos borrar con tranquilidad.
Voy a explicar el funcionamiento del Script sin estos elementos de formulario. El ejemplo a explicar quedaría así:

CadenaTexto = "Esta es una cadena con espacios";
CadenaaReemplazar = " ";
CadenaReemplazo = "";
CadenaTextoNueva = CadenaTexto.split(CadenaaReemplazar).join(CadenaReemplazo);

Como verás utilizamos tres variables: una para el texto donde queremos realizar la eliminación o reemplazo (CadenaTexto), la segunda para almacenar la cadena de texto que vamos a buscar en CadenaTexto y en la tercera definiremos el caracter o palabra que utilizaremos de reemplazo.
Lo próximo que realiza el Script es almacenar en una variable el texto ya reemplazado.
El método split() devuelve un array a partir de una cadena de literales separados por el delimitador que se indique como parámetro. En este caso el delimitador es el que definimos en la variable CadenaaReemplazar o sea un espacio (" ").
De esta manera el método devuelve los siguientes valores:

CadenaaReemplazar[0]=="Esta"
CadenaaReemplazar[1]=="es"
CadenaaReemplazar[2]=="una"
CadenaaReemplazar[3]=="cadena"
CadenaaReemplazar[4]=="con"
CadenaaReemplazar[5]=="espacios"

Luego utilizamos el método join() para concatenar estas palabras en una solo variable. En este caso especificamos que el símbolo separador sea una cadena de texto vacía (""), o sea el valor definido en CadenaReemplazo.
El valor final devuelto por estos dos métodos será:

CadenaTextoNueva=="Estaesunacadenaconespacios"

Información relativa al Script

Compatible con: Internet Explorer

Tamaño del Script: 1KB

Probar el Script

Temas relacionados a este Script

Reemplazar o Eliminar Espacios en Cadena de Texto.

Código fuente del script:

// Creamos la función que es llamada desde el evento onclick del botón de formulario
function ReemplazarEspacios() {

// Definimos el valor que se debe buscar en la cadena para luego ser reemplazado
// Puede ser cualquier caracter o palabra
	CadenaaReemplazar = " ";
// Definimos el valor que reemplazará el valor buscado
// En este caso es una cadena de texto vacía
	CadenaReemplazo = "";

// Guardamos en una variable el valor ingresado en el cuadro de texto CadenaconEspacios
	CadenaTexto = document.form.CadenaconEspacios.value;

// Guardamos en otra variable el mismo texto con el reemplazo correspondiente
	CadenaTextoNueva = CadenaTexto.split(CadenaaReemplazar).join(CadenaReemplazo);

// Mostramos la cadena de texto nueva en el cuadro de texto CadenasinEspacios
	document.form.CadenasinEspacios.value = CadenaTextoNueva;

}// Fin de la función

</SCRIPT>

</HEAD>

<BODY>

<DIV align="center">
<FORM name="form">
	<INPUT type="text" name="CadenaconEspacios"> Escribe una cadena de texto con espacios
	<BR>
	<INPUT type="text" name="CadenasinEspacios"> Acá se muestra la cadena sin los espacios
	<BR>

	<INPUT type="button" onClick="ReemplazarEspacios()" value="Reemplazar">
</FORM>
</DIV>

</BODY>
</HTML>

	Temas relacionados a este Script:
	Eliminar Espacios al Principio y Final de una Cadena de Texto Reemplazar Espacios en Cadena de Texto Convertir cadena de texto a mayúsculas o minúsculas Cortar palabras largas con JavaScript bbCode sobre el texto de un cuadro textarea Eliminar espacios de una cadena de texto mientras se escribe