Regex para reemplazar múltiples espacios con un solo espacio

Dada una cadena como:

"¡El perro tiene una cola larga y es ROJA!"

¿Qué tipo de magia jQuery o JavaScript se puede usar para mantener los espacios en un solo espacio máximo?

Objetivo:

"¡El perro tiene una cola larga y es ROJA!"

Dado que también desea cubrir pestañas, líneas nuevas, etc., simplemente reemplace \s\s+con ' ':

string = string.replace(/\s\s+/g, ' ');

Si realmente desea cubrir solo espacios (y, por lo tanto, no pestañas, líneas nuevas, etc.), hágalo:

string = string.replace(/  +/g, ' ');

Como parece estar interesado en el rendimiento, lo perfilé con firebug. Aquí están los resultados que obtuve:

str.replace( /  +/g, ' ' )       ->  380ms
str.replace( /\s\s+/g, ' ' )     ->  390ms
str.replace( / {2,}/g, ' ' )     ->  470ms
str.replace( / +/g, ' ' )        ->  790ms
str.replace( / +(?= )/g, ' ')    -> 3250ms

Esto está en Firefox, ejecutando reemplazos de cadena de 100k.

Te animo a que hagas tus propias pruebas de perfil con firebug, si crees que el rendimiento es un problema. Los humanos son notoriamente malos al predecir dónde se encuentran los cuellos de botella en sus programas.

(Además, tenga en cuenta que la barra de herramientas del desarrollador de IE 8 también tiene un generador de perfiles incorporado; puede valer la pena comprobar cómo es el rendimiento en IE)

var str = "The      dog        has a long tail,      and it is RED!";
str = str.replace(/ {2,}/g,' ');

EDITAR: Si desea reemplazar todo tipo de caracteres de espacio en blanco, la forma más eficiente sería así:

str = str.replace(/\s{2,}/g,' ');

Esta es una solución, aunque apuntará a todos los caracteres de espacio:

"The      dog        has a long tail,      and it is RED!".replace(/\s\s+/g, ' ')

"The dog has a long tail, and it is RED!"

Editar : Esto probablemente sea mejor ya que apunta a un espacio seguido de 1 o más espacios:

"The      dog        has a long tail,      and it is RED!".replace(/  +/g, ' ')

"The dog has a long tail, and it is RED!"

Método alternativo:

"The      dog        has a long tail,      and it is RED!".replace(/ {2,}/g, ' ')
"The dog has a long tail, and it is RED!"

No lo utilicé /\s+/solo, ya que reemplaza los espacios que abarcan 1 carácter varias veces y podría ser menos eficiente ya que apunta más de lo necesario.

No probé a fondo ninguno de estos, así que si hay errores.

Además, si va a hacer un reemplazo de cadena, recuerde reasignar la variable / propiedad a su propio reemplazo, por ejemplo:

var string = 'foo'
string = string.replace('foo', '')

Usando jQuery.prototype.text:

var el = $('span:eq(0)');
el.text( el.text().replace(/\d+/, '') )

Tengo este método, lo llamo el método Derp por falta de un nombre mejor.

while (str.indexOf("  ") !== -1) {
    str = str.replace(/  /g, " ");
}

Ejecutarlo en JSPerf da algunos resultados sorprendentes.

Un método más robusto: se encarga de eliminar también los espacios iniciales y finales, si existen. P.ej:

// NOTE the possible initial and trailing spaces
var str = "  The dog      has a long   tail, and it     is RED!  "

str = str.replace(/^\s+|\s+$|\s+(?=\s)/g, "");

// str -> "The dog has a long tail, and it is RED !"

Su ejemplo no tenía esos espacios, pero también son un escenario muy común, y la respuesta aceptada fue solo recortarlos en espacios individuales, como: "¡El ... ROJO!", Que no es lo que normalmente necesitará.

Más robusto:

función trim (word)
{
    word = word.replace (/ [^ \ x21- \ x7E] + / g, ''); // cambia los caracteres que no se imprimen a espacios
    return word.replace (/ ^ \ s + | \ s + $ / g, ''); // eliminar espacios iniciales / finales
}

yo sugiero

string = string.replace(/ +/g," ");

por solo espacios
O

string = string.replace(/(\s)+/g,"$1");

para convertir múltiples retornos en un solo retorno también.

Sé que llego tarde a la fiesta, pero descubrí una buena solución.

Aquí está:

var myStr = myStr.replace(/[ ][ ]*/g, ' ');

Aquí hay una solución alternativa si no desea usar reemplazar (reemplazar espacios en una cadena sin usar reemplazar javascript)

var str="The dog      has a long   tail, and it     is RED!";
var rule=/\s{1,}/g;
str = str.split(rule).join(" "); 
document.write(str);

Respuesta completa sin cifrar para novatos et al.

Esto es para todos los tontos como yo que prueban los guiones escritos por algunos de ustedes que no funcionan.

Los siguientes 3 ejemplos son los pasos que tomé para eliminar caracteres especiales Y espacios adicionales en los siguientes 3 sitios web (todos los cuales funcionan perfectamente) {1. EtaVisa.com 2. EtaStatus.com 3. Tikun.com} así que sé que funcionan perfectamente.

Los hemos encadenado con más de 50 a la vez y sin problemas.

// Esto eliminó los caracteres especiales + 0-9 y solo permite letras (mayúsculas y minúsculas)

function NoDoublesPls1()
{
var str=document.getElementById("NoDoubles1");
var regex=/[^a-z]/gi;
str.value=str.value.replace(regex ,"");
}

// Esto eliminó caracteres especiales y permite solo letras (mayúsculas y minúsculas) y 0-9 Y espacios

function NoDoublesPls2()
{
var str=document.getElementById("NoDoubles2");
var regex=/[^a-z 0-9]/gi;
str.value=str.value.replace(regex ,"");
}

// Esto eliminó caracteres especiales y permite solo letras (mayúsculas y minúsculas) y 0-9 Y espacios // El .replace (/ \ s \ s + / g, "") al final elimina espacios excesivos // cuando I utilizaba comillas simples, no funcionó.

function NoDoublesPls3()
{    var str=document.getElementById("NoDoubles3");
var regex=/[^a-z 0-9]/gi;
str.value=str.value.replace(regex ,"") .replace(/\s\s+/g, " ");
}

:: SIGUIENTE :: Guardar # 3 como a .js// Llamé al mío NoDoubles.js

:: SIGUIENTE :: Incluya su JS en su página

 <script language="JavaScript" src="js/NoDoubles.js"></script>

Incluya esto en su campo de formulario :: como

<INPUT type="text" name="Name"
     onKeyUp="NoDoublesPls3()" onKeyDown="NoDoublesPls3()" id="NoDoubles3"/>

Para que se vea así

<INPUT type="text" name="Name" onKeyUp="NoDoublesPls3()" onKeyDown="NoDoublesPls3()" id="NoDoubles3"/>

Esto eliminará caracteres especiales, permitirá espacios individuales y eliminará espacios adicionales.

También una posibilidad:

str.replace( /\s+/g, ' ' )

var string = "The dog      has a long   tail, and it     is RED!";
var replaced = string.replace(/ +/g, " ");

O si también quieres reemplazar pestañas:

var replaced = string.replace(/\s+/g, " ");

Jquery tiene la función trim () que básicamente convierte algo así como "FOo Bar" en "FOo Bar".

var string = "  My     String with  Multiple lines    ";
string.trim(); // output "My String with Multiple lines"

Es mucho más útil porque elimina automáticamente los espacios vacíos al principio y al final de la cadena también. No se necesita expresión regular.

este reemplazo no se usa, string = string.split (/ \ W + /);

var myregexp = new RegExp(/ {2,}/g);

str = str.replace(myregexp,' ');

Podemos usar la siguiente expresión regular explicada con la ayuda del comando del sistema sed. La expresión regular similar se puede utilizar en otros idiomas y plataformas.

Agregue el texto en algún archivo, digamos prueba

manjeet-laptop:Desktop manjeet$ cat test
"The dog      has a long   tail, and it     is RED!"

Podemos usar la siguiente expresión regular para reemplazar todos los espacios en blanco con un solo espacio

manjeet-laptop:Desktop manjeet$ sed 's/ \{1,\}/ /g' test
"The dog has a long tail, and it is RED!"

Espero que esto sirva para el propósito

Intente esto para reemplazar múltiples espacios con un solo espacio.

<script type="text/javascript">
    var myStr = "The dog      has a long   tail, and it     is RED!";
    alert(myStr);  // Output 'The dog      has a long   tail, and it     is RED!'

    var newStr = myStr.replace(/  +/g, ' ');
    alert(newStr);  // Output 'The dog has a long tail, and it is RED!'
</script>

Leer más @ Reemplazar múltiples espacios con un solo espacio

var text = `xxx  df dfvdfv  df    
                     dfv`.split(/[\s,\t,\r,\n]+/).filter(x=>x).join(' ');

resultado:

"xxx df dfvdfv df dfv"

Para obtener más control, puede usar la devolución de llamada de reemplazo para manejar el valor.

value = "tags:HUNT  tags:HUNT         tags:HUNT  tags:HUNT"
value.replace(new RegExp(`(?:\\s+)(?:tags)`, 'g'), $1 => ` ${$1.trim()}`)
//"tags:HUNT tags:HUNT tags:HUNT tags:HUNT"

Este script elimina cualquier espacio en blanco (múltiples espacios, pestañas, retornos, etc.) entre palabras y ajustes:

// Trims & replaces any wihtespacing to single space between words
String.prototype.clearExtraSpace = function(){
  var _trimLeft  = /^\s+/,
      _trimRight = /\s+$/,
      _multiple  = /\s+/g;

  return this.replace(_trimLeft, '').replace(_trimRight, '').replace(_multiple, ' ');
};

¡'puntero del mouse táctil' .replace (/ ^ \ s + | \ s + $ | (\ s) + / g, "$ 1") debería hacer el truco!

Sé que tenemos que usar regex, pero durante una entrevista, me pidieron que lo hiciera SIN USAR REGEX.

@slightlytyler me ayudó a adoptar el siguiente enfoque.

const testStr = "I   LOVE    STACKOVERFLOW   LOL";

const removeSpaces = str  => {
  const chars = str.split('');
  const nextChars = chars.reduce(
    (acc, c) => {
      if (c === ' ') {
        const lastChar = acc[acc.length - 1];
        if (lastChar === ' ') {
          return acc;
        }
      }
      return [...acc, c];
    },
    [],
  );
  const nextStr = nextChars.join('');
  return nextStr
};

console.log(removeSpaces(testStr));