Regex para substituir vários espaços por um único espaço

Dada uma string como:

"O cachorro tem uma cauda longa e é VERMELHO!"

Que tipo de magia jQuery ou JavaScript pode ser usada para manter os espaços com apenas um espaço no máximo?

Objetivo:

"O cachorro tem uma cauda longa e é VERMELHO!"

Como você também deseja abas, novas linhas etc., substitua \s\s+por ' ':

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

Se você realmente deseja cobrir apenas espaços (e, portanto, não guias, novas linhas etc.), faça o seguinte:

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

Desde que você parece estar interessado em desempenho, eu criei o perfil deles com o firebug. Aqui estão os resultados que obtive:

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

Isso está no Firefox, executando 100k substituições de string.

Convido você a fazer seus próprios testes de criação de perfil com o firebug, se você acha que o desempenho é um problema. Os seres humanos são notoriamente ruins em prever onde estão os gargalos em seus programas.

(Observe também que a barra de ferramentas do desenvolvedor do IE 8 também possui um criador de perfil - pode valer a pena verificar como é o desempenho no IE.)

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

EDIT: Se você deseja substituir todos os tipos de caracteres de espaço em branco, a maneira mais eficiente seria a seguinte:

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

Esta é uma solução, embora tenha como alvo todos os caracteres de espaço:

"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 : provavelmente é melhor, pois tem como alvo um espaço seguido por 1 ou mais espaços:

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

Não usei /\s+/por si só, uma vez que substitui espaços que abrangem 1 caractere várias vezes e pode ser menos eficiente, pois tem como alvo mais do que o necessário.

Eu não testei profundamente nenhum deles, então lmk se houver erros.

Além disso, se você for fazer uma substituição de cadeia, lembre-se de atribuir novamente a variável / propriedade à sua própria substituição, por exemplo:

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

Usando jQuery.prototype.text:

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

Eu tenho esse método, eu chamo de método Derp por falta de um nome melhor.

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

A execução no JSPerf fornece alguns resultados surpreendentes.

Um método mais robusto: isso também remove os espaços iniciais e finais, se existirem. Por exemplo:

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

Seu exemplo não tinha esses espaços, mas eles também são um cenário muito comum, e a resposta aceita foi apenas recortá-los em espaços únicos, como: "O ... VERMELHO!", Que não é o que você normalmente precisará.

Mais robusto:

função trim (word)
{
    word = word.replace (/ [^ \ x21- \ x7E] + / g, ''); // altera caracteres não imprimíveis para espaços
    retornar word.replace (/ ^ \ s + | \ s + $ / g, ''); // remover espaços iniciais / finais
}

Eu sugiro

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

apenas para espaços
OU

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

por transformar vários retornos em um único retorno também.

Sei que estou atrasado para a festa, mas descobri uma boa solução.

Aqui está:

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

Aqui está uma solução alternativa, se você não quiser usar replace (substitua espaços em uma string sem usar o javascript replace)

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

Resposta não criptografada abrangente para iniciantes et al.

Isso é para todos os manequins como eu que testam os scripts escritos por alguns de vocês que não funcionam.

Os três exemplos a seguir são as etapas que eu segui para remover caracteres especiais E espaços extras nos três sites a seguir (todos funcionando perfeitamente) {1. EtaVisa.com 2. EtaStatus.com 3. Tikun.com}, então eu sei que elas funcionam perfeitamente.

Nós os encadeamos com mais de 50 por vez e sem problemas.

// Isso removeu caracteres especiais + 0-9 e permite apenas letras (maiúsculas e minúsculas)

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

// Isso remove caracteres especiais e permite apenas letras (maiúsculas e minúsculas) e espaços 0-9 AND

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

// Isso remove caracteres especiais e permite apenas letras (maiúsculas e minúsculas) e espaços 0-9 AND // O .replace (/ \ s \ s + / g, "") no final remove espaços excessivos // quando eu usou aspas simples, não funcionou.

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

:: NEXT :: Salve # 3 como a .js// eu chamei de NoDoubles.js

:: NEXT :: Inclua seu JS em sua página

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

Inclua isso no campo do formulário :: such as

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

Para que fique assim

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

Isso removerá caracteres especiais, permitirá espaços únicos e removerá espaços extras.

Também uma possibilidade:

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

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

Ou se você também deseja substituir as guias:

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

Jquery possui a função trim () que basicamente transforma algo como "FOo Bar" em "FOo Bar".

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

É muito mais útil, pois remove automaticamente os espaços vazios no início e no final da string. Não é necessário regex.

é substituir não é usado, string = string.split (/ \ W + /);

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

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

Podemos usar o seguinte regex explicado com a ajuda do comando sed system. O regex semelhante pode ser usado em outros idiomas e plataformas.

Adicione o texto em algum arquivo, digamos test

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

Podemos usar o seguinte regex para substituir todos os espaços em branco por um único espaço

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

Espero que isso sirva ao propósito

Tente isso para substituir vários espaços por um único espaço.

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

Leia mais @ Substituindo vários espaços por espaço único

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

resultado:

"xxx df dfvdfv df dfv"

Para obter mais controle, você pode usar o retorno de chamada de substituição para manipular o 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"

Esse script remove qualquer espaço em branco (vários espaços, guias, retornos etc.) entre palavras e acabamentos:

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

'toque do ponteiro do mouse' .replace (/ ^ \ s + | \ s + $ | (\ s) + / g, "$ 1") deve fazer o truque!

Sei que precisamos usar regex, mas durante uma entrevista, fui solicitado a fazer SEM USAR REGEX.

@slightlytyler me ajudou a seguir a abordagem abaixo.

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