Regex per sostituire più spazi con un singolo spazio

Data una stringa come:

"Il cane ha una coda lunga ed è ROSSO!"

Che tipo di magia jQuery o JavaScript può essere utilizzata per mantenere gli spazi al massimo di uno spazio?

Obbiettivo:

"Il cane ha una coda lunga ed è ROSSO!"

Dato che vuoi anche coprire schede, newline, ecc., Sostituisci semplicemente \s\s+con ' ':

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

Se vuoi davvero coprire solo spazi (e quindi non tabulazioni, newline, ecc.), Fallo:

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

Dal momento che sembra che tu sia interessato alla performance, ho profilato questi con firebug. Ecco i risultati che ho ottenuto:

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

Questo è su Firefox, con sostituzioni di stringa da 100k.

Ti incoraggio a fare i tuoi test di profilazione con firebug, se ritieni che le prestazioni siano un problema. Gli umani sono notoriamente cattivi nel prevedere dove si trovano i colli di bottiglia nei loro programmi.

(Inoltre, tieni presente che la barra degli strumenti per sviluppatori di IE 8 ha anche un profiler incorporato: potrebbe valere la pena verificare come sono le prestazioni in IE.)

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

EDIT: Se si desidera sostituire tutti i tipi di caratteri di spazi bianchi, il modo più efficiente sarebbe così:

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

Questa è una soluzione, sebbene indirizzerà tutti i caratteri spaziali:

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

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

Modifica : probabilmente è meglio poiché ha come target uno spazio seguito da 1 o più spazi:

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

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

Metodo alternativo:

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

Non ho usato /\s+/da solo poiché questo sostituisce più volte spazi che si estendono su 1 carattere e potrebbe essere meno efficiente poiché bersaglia più del necessario.

Non ho testato a fondo nessuno di questi, quindi se ci sono dei bug.

Inoltre, se hai intenzione di eseguire la sostituzione della stringa, ricorda di riassegnare la variabile / proprietà alla sua sostituzione, ad esempio:

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

Utilizzando jQuery.prototype.text:

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

Ho questo metodo, lo chiamo metodo Derp per mancanza di un nome migliore.

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

Eseguirlo in JSPerf dà alcuni risultati sorprendenti.

Un metodo più robusto: si occupa anche di rimuovere gli spazi iniziali e finali, se presenti. Per esempio:

// 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 !"

Il tuo esempio non aveva quegli spazi ma sono anche uno scenario molto comune, e la risposta accettata era solo quella di tagliare quelli in singoli spazi, come: "Il ... ROSSO!", Che non è quello che ti serve in genere.

Più robusto:

funzione trim (parola)
{
    word = word.replace (/ [^ \ x21- \ x7E] + / g, ''); // cambia i caratteri non stampabili in spazi
    return word.replace (/ ^ \ s + | \ s + $ / g, ''); // rimuove gli spazi iniziali / finali
}

suggerisco

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

solo per spazi
OR

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

per trasformare anche più ritorni in un singolo ritorno.

So di essere in ritardo alla festa, ma ho scoperto una bella soluzione.

Ecco qui:

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

Ecco una soluzione alternativa se non si desidera utilizzare Sostituisci (sostituire gli spazi in una stringa senza utilizzare Sostituisci 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);

Risposta completa non crittografata per i neofiti et al.

Questo è per tutti i manichini come me che testano gli script scritti da alcuni di voi ragazzi che non funzionano.

I seguenti 3 esempi sono i passaggi che ho seguito per rimuovere caratteri speciali E spazi extra sui seguenti 3 siti Web (che funzionano tutti perfettamente) {1. EtaVisa.com 2. EtaStatus.com 3. Tikun.com} quindi so che funzionano perfettamente.

Li abbiamo incatenati insieme a oltre 50 alla volta e NESSUN problema.

// Questo ha rimosso i caratteri speciali + 0-9 e consente solo lettere (maiuscole e minuscole)

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

// Rimuove i caratteri speciali e consente solo lettere (maiuscole e minuscole) e 0-9 spazi AND

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

// Questo ha rimosso i caratteri speciali e consente solo lettere (maiuscole e minuscole) e 0-9 AND spazi // Il .replace (/ \ s \ s + / g, "") alla fine rimuove gli spazi eccessivi // quando I usato virgolette singole, non ha funzionato.

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

:: SUCCESSIVO :: Salva # 3 come a .js// Ho chiamato il mio NoDoubles.js

:: SUCCESSIVO :: Includi il tuo JS nella tua pagina

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

Includilo nel tuo campo del modulo :: come

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

In modo che assomigli a questo

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

Ciò rimuoverà i caratteri speciali, consentirà spazi singoli e rimuoverà gli spazi extra.

Anche una possibilità:

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

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

O se vuoi anche sostituire le schede:

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

Jquery ha la funzione trim () che fondamentalmente trasforma qualcosa come questa "FOo Bar" in "FOo Bar".

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

È molto più utile perché rimuove automaticamente gli spazi vuoti all'inizio e alla fine della stringa. Nessuna regex necessaria.

è sostituito non viene utilizzato, string = string.split (/ \ W + /);

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

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

Possiamo usare il seguente regex spiegato con l'aiuto del comando di sistema sed. Il regex simile può essere utilizzato in altre lingue e piattaforme.

Aggiungi il testo in un file per dire test

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

Possiamo usare la seguente regex per sostituire tutti gli spazi bianchi con uno spazio singolo

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

Spero che questo serva allo scopo

Prova questo per sostituire più spazi con un singolo spazio.

<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>

Leggi di più @ Sostituzione di più spazi con spazio singolo

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

risultato:

"xxx df dfvdfv df dfv"

Per un maggiore controllo è possibile utilizzare il callback di sostituzione per gestire il valore.

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"

Questo script rimuove qualsiasi spazio bianco (più spazi, tabulazioni, ritorni, ecc.) Tra parole e tagli:

// 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, ' ');
};

'mouse pointer touch' .replace (/ ^ \ s + | \ s + $ | (\ s) + / g, "$ 1") dovrebbe fare il trucco!

So che dobbiamo usare regex, ma durante un'intervista mi è stato chiesto di fare SENZA USARE REGEX.

@slightlytyler mi ha aiutato a venire con l'approccio di seguito.

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));