Regex pour remplacer plusieurs espaces par un seul espace

Étant donné une chaîne comme:

"Le chien a une longue queue, et il est ROUGE!"

Quel type de magie jQuery ou JavaScript peut être utilisé pour limiter les espaces à un seul espace maximum?

Objectif:

"Le chien a une longue queue, et il est ROUGE!"

Étant donné que vous souhaitez également couvrir les onglets, les nouvelles lignes, etc., remplacez simplement \s\s+par ' ':

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

Si vous voulez vraiment couvrir uniquement les espaces (et donc pas les tabulations, les retours à la ligne, etc.), faites-le:

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

Puisque vous semblez être intéressé par les performances, je les ai profilées avec Firebug. Voici les résultats que j'ai obtenus:

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

C'est sur Firefox, exécutant des remplacements de chaîne de 100k.

Je vous encourage à faire vos propres tests de profilage avec firebug, si vous pensez que les performances sont un problème. Les humains sont notoirement mal à prédire où se trouvent les goulots d'étranglement dans leurs programmes.

(Notez également que la barre d'outils du développeur d'IE 8 dispose également d'un profileur intégré - il peut être utile de vérifier les performances dans IE.)

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

EDIT: Si vous souhaitez remplacer toutes sortes de caractères d'espaces, le moyen le plus efficace serait le suivant:

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

C'est une solution, mais elle ciblera tous les caractères de l'espace:

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

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

Edit : C'est probablement mieux car il cible un espace suivi de 1 ou plusieurs espaces:

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

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

Méthode alternative:

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

Je ne l'ai pas utilisé /\s+/seul car cela remplace les espaces qui s'étendent sur 1 caractère plusieurs fois et pourrait être moins efficace car il cible plus que nécessaire.

Je n'ai testé en profondeur aucun de ceux-ci, alors lmk s'il y a des bugs.

De plus, si vous allez faire un remplacement de chaîne, n'oubliez pas de réaffecter la variable / propriété à son propre remplacement, par exemple:

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

Utilisation de jQuery.prototype.text:

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

J'ai cette méthode, je l'appelle la méthode Derp faute d'un meilleur nom.

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

L'exécuter dans JSPerf donne des résultats surprenants.

Une méthode plus robuste: elle prend également en charge la suppression des espaces initial et final, s'ils existent. Par exemple:

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

Votre exemple ne comportait pas ces espaces, mais il s'agit également d'un scénario très courant, et la réponse acceptée ne faisait que les découper en espaces simples, comme: "Le ... ROUGE!", Ce qui n'est généralement pas ce dont vous aurez besoin.

Plus robuste:

fonction trim (mot)
{
    word = word.replace (/ [^ \ x21- \ x7E] + / g, ''); // change les caractères non imprimables en espaces
    return word.replace (/ ^ \ s + | \ s + $ / g, ''); // supprime les espaces de début / fin
}

je suggère

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

juste pour les espaces
OU

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

pour transformer également plusieurs retours en un seul retour.

Je sais que je suis en retard à la fête, mais j'ai découvert une belle solution.

C'est ici:

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

Voici une solution alternative si vous ne souhaitez pas utiliser replace (remplacez les espaces dans une chaîne sans utiliser replace 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);

Réponse complète non chiffrée pour les débutants et al.

C'est pour tous les mannequins comme moi qui testent les scripts écrits par certains d'entre vous qui ne fonctionnent pas.

Les 3 exemples suivants sont les étapes que j'ai suivies pour supprimer les caractères spéciaux ET les espaces supplémentaires sur les 3 sites Web suivants (qui fonctionnent tous parfaitement) {1. EtaVisa.com 2. EtaStatus.com 3. Tikun.com} donc je sais que cela fonctionne parfaitement.

Nous les avons enchaînés avec plus de 50 à la fois et AUCUN problème.

// Cela a supprimé les caractères spéciaux + 0-9 et permet uniquement les lettres (majuscules et minuscules)

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

// Cela a supprimé les caractères spéciaux et autorise uniquement les lettres (majuscules et minuscules) et 0-9 ET les espaces

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

// Cela a supprimé les caractères spéciaux et autorise uniquement les lettres (majuscules et minuscules) et les espaces 0-9 AND // Le .replace (/ \ s \ s + / g, "") à la fin supprime les espaces excessifs // lorsque je utilisé des guillemets simples, cela n'a pas fonctionné.

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

:: SUIVANT :: Enregistrer # 3 sous a .js// J'ai appelé le mien NoDoubles.js

:: SUIVANT :: Incluez votre JS dans votre page

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

Incluez ceci dans votre champ de formulaire :: tel que

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

Pour que ça ressemble à ça

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

Cela supprimera les caractères spéciaux, autorisera les espaces simples et supprimera les espaces supplémentaires.

Aussi une possibilité:

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

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

Ou si vous souhaitez également remplacer les onglets:

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

Jquery a la fonction trim () qui transforme fondamentalement quelque chose comme ceci "FOo Bar" en "FOo Bar".

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

Il est beaucoup plus utile car il supprime automatiquement les espaces vides au début et à la fin de la chaîne. Aucune expression régulière nécessaire.

si remplacer n'est pas utilisé, string = string.split (/ \ W + /);

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

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

Nous pouvons utiliser l'expression rationnelle suivante expliquée à l'aide de la commande sed du système. Le regex similaire peut être utilisé dans d'autres langues et plates-formes.

Ajoutez le texte dans un fichier, dites test

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

Nous pouvons utiliser l'expression régulière suivante pour remplacer tous les espaces blancs par un seul espace

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

J'espère que cela sert le but

Essayez ceci pour remplacer plusieurs espaces par un seul espace.

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

En savoir plus @ Remplacement de plusieurs espaces par un seul espace

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

résultat:

"xxx df dfvdfv df dfv"

Pour plus de contrôle, vous pouvez utiliser le rappel de remplacement pour gérer la valeur.

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"

Ce script supprime tout espace blanc (plusieurs espaces, tabulations, retours, etc.) entre les mots et les coupes:

// 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") devrait faire l'affaire!

Je sais que nous devons utiliser l'expression régulière, mais lors d'une interview, on m'a demandé de le faire SANS UTILISER REGEX.

@slightlytyler m'a aidé à proposer l'approche ci-dessous.

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