Cómo eliminar los espacios de una cadena en JavaScript
-
Utilice
replace()para reemplazar solamente los espacios en blanco -
Use
replace()para reemplazar sólo todos los espacios -
Use los métodos
split()yjoin()para eliminar los espacios de una cadena en JavaScript
Este artículo presentará diferentes formas de eliminar los espacios de una cadena, especialmente cómo eliminar tabulaciones y saltos de línea. Cada método a continuación tendrá un ejemplo de código, que puedes ejecutar en tu máquina.
El método replace() toma un valor especificado o una expresión regular y los reemplaza en una cadena dada. Devuelve una nueva cadena en la que se reemplazan los valores especificados.
Utilice replace() para reemplazar solamente los espacios en blanco
string.replace(/ /g, '')
La expresión regular contiene un carácter de espacio en blanco (" "), y la propiedad global. Buscará todos los espacios de una cadena y los reemplazará con una cadena vacía, como se indica en el segundo parámetro.
Ejemplo
<!DOCTYPE html>
<html>
<head>
<title>
Remove spaces from a string using JavaScript
</title>
</head>
<body>
<h2>
Remove spaces from a string using JavaScript
</h2>
<p>
Original string is:
site/ delft stack .com/
</p>
<p>
New Sentence is:
<span class="outputString"></span>
</p>
<button onclick="removeSpacesFromString()">
Clean Spaces
</button>
<script type="text/javascript">
const removeSpacesFromString = () => {
let text1 =
"site/ delft stack .com/";
let text2 =
text1.replace(/ /g, "");
document.querySelector('.outputString').textContent
= text2;
}
</script>
</body>
</html>
Resultado:
Use replace() para reemplazar sólo todos los espacios
string.replace(/\s+/g, '')
El patrón de expresión regular \s se refiere a cualquier símbolo de espacio en blanco: espacios, tabulaciones y saltos de línea.
Ejemplo:
<script type="text/javascript">
const removeSpacesFromString = () => {
let text1 =
"site/ delft stack .com/";
let text2 =
text1.replace(/\s+/g, '');
document.querySelector('.outputString').textContent
= text2;
}
</script>
Use los métodos split() y join() para eliminar los espacios de una cadena en JavaScript
El método split() divide una cadena en un array y devuelve el nuevo array.
El método join() devuelve una nueva cadena concatenando todos los elementos de un array.
Usaremos el método split para dividir la cadena en un array con el carácter de espacio en blanco " " como delimitador, y luego usaremos el método join para convertir el array en una cadena. Elimina los espacios en blanco usando estos dos métodos.
Ejemplo:
<html>
<head>
<title>
Remove spaces from a string using JavaScript
</title>
</head>
<body>
<h2>
Remove spaces from a string using JavaScript
</h2>
<p>
Original string is:
site/ delft stack .com/
</p>
<p>
New Sentence is:
<span class="outputString"></span>
</p>
<button onclick="removeSpacesFromString()">
Clean Spaces
</button>
<script type="text/javascript">
const removeSpacesFromString = () => {
let text1 =
"site/ delft stack .com/";
let text2 =
text1.split(" ").join("");
document.querySelector('.outputString').textContent
= text2;
}
</script>
</body>
</html>