Birden çok boşluğu tek bir boşlukla değiştirmek için normal ifade

Gibi bir dize verildi:

"Köpeğin uzun bir kuyruğu var ve KIRMIZI!"

Boşlukları yalnızca bir boşluk maksimumda tutmak için ne tür jQuery veya JavaScript büyüsü kullanılabilir?

Hedef:

"Köpeğin uzun bir kuyruğu var ve KIRMIZI!"

Ayrıca sadece değiştirmek, vs kapak sekmeler satırbaşıyla, istediğiniz düşünüldüğünde \s\s+ile ' ':

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

Gerçekten yalnızca boşlukları (ve böylece sekmeleri, yeni satırları vb.) Kapsamak istiyorsanız, şunu yapın:

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

Performansla ilgilendiğiniz için bunları kundakçı ile profilli yaptım. İşte elde ettiğim sonuçlar:

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

Bu Firefox'ta, 100k dize değiştirmeleri çalışıyor.

Performansın bir sorun olduğunu düşünüyorsanız, firebug ile kendi profilleme testlerinizi yapmanızı öneririm. İnsanlar programlarındaki darboğazların nerede olduğunu tahmin etmede kötü bir şekilde kötüdür.

(Ayrıca, IE 8'in geliştirici araç çubuğunda yerleşik bir profil oluşturucu olduğuna dikkat edin - IE'de performansın nasıl olduğunu kontrol etmeye değer olabilir.)

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

DÜZENLEME: Her türlü boşluk karakterini değiştirmek isterseniz en etkili yol şöyle olur:

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

Tüm alan karakterlerini hedefleyecek olsa da bu bir çözümdür :

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

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

Düzenleme : 1 veya daha fazla alanı izleyen bir alanı hedeflediğinden, bu muhtemelen daha iyidir:

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

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

Alternatif yöntem:

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

Tek /\s+/başına kullanmadım , çünkü bu, 1 karakteri kapsayan boşlukları birden çok kez değiştirir ve gerektiğinden daha fazlasını hedeflediğinden daha az verimli olabilir.

Bu hatalardan herhangi birini derinden test etmedim.

Ayrıca, dize değiştirme yapacaksanız, değişkeni / özelliği kendi yerine yeniden atamayı unutmayın, örn:

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

JQuery.prototype.text kullanma:

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

Bu yöntem var, daha iyi bir isim eksikliği için Derp yöntemi diyorum.

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

JSPerf'de çalıştırmak şaşırtıcı sonuçlar verir.

Daha sağlam bir yöntem: Bu , varsa ilk ve sondaki boşlukları da kaldırmaya özen gösterir . Örneğin:

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

Örneğinizde bu boşluklar yoktu, ancak onlar da çok yaygın bir senaryodur ve kabul edilen cevap, bunları yalnızca tek boşluklara kırpmaktı: "Genellikle ..."!

Daha sağlam:

işlev düzeltme (word)
{
    word = word.replace (/ [^ \ x21- \ x7E] + / g, ''); // yazdırılmayan grafikleri boşluk olarak değiştirin
    dönüş word.replace (/ ^ \ s + | \ s + $ / g, ''); // öndeki / arkadaki boşlukları kaldır
}

öneririm

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

sadece alanlar için
VEYA

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

birden çok dönüşü tek bir dönüşe dönüştürmek için.

Partiye geç kaldığımı biliyorum, ama güzel bir çözüm keşfettim.

İşte burada:

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

Replace kullanmak istemiyorsanız alternatif bir çözüm (replace javascript kullanmadan bir dizedeki boşlukları değiştirin)

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

Yeni başlayanlar için kapsamlı şifrelenmemiş cevap et al.

Bu, benim gibi çalışmayan bazılarınız tarafından yazılan senaryoları test eden benim gibi tüm mankenler içindir.

Aşağıdaki 3 örnek, aşağıdaki 3 web sitesindeki (tümü mükemmel çalışan) özel karakterleri VE fazladan boşlukları kaldırmak için attığım adımlardır {1. EtaVisa.com 2. EtaStatus.com 3. Tikun.com} böylece bunların mükemmel çalıştığını biliyorum.

Bunları bir seferde 50'den fazla ve NO problemi ile birlikte zincirledik.

// Bu özel karakterler + 0-9 kaldırıldı ve sadece harflere izin veriyor (büyük ve LOWER harf)

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

// Bu özel karakterleri sildi ve sadece harflere (üst ve ALT harf) ve 0-9 VE boşluklarına izin verir

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

// Bu özel karakterleri kaldırdı ve sadece harflere (üst ve ALT harf) ve 0-9 VE boşluklarına izin veriyor // Sonundaki .replace (/ \ s \ s + / g, "") aşırı boşlukları kaldırıyor // tek tırnak kullanılan, işe yaramadı.

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

:: SONRAKİ :: # 3 olarak kaydet a .js// mayın NoDoubles.js olarak adlandırdım

:: SONRAKİ :: JS'nizi sayfanıza ekleyin

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

Bunu form alanınıza ekleyin :: gibi

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

Öyle görünüyor ki

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

Bu, özel karakterleri kaldıracak, tek boşluklara izin verecek ve fazladan boşluk kaldıracaktır.

Ayrıca bir olasılık:

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

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

Veya sekmeleri de değiştirmek istiyorsanız:

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

Jquery temelde bu "FOo Bar" gibi bir şeyi "FOo Bar" a çeviren trim () fonksiyonuna sahiptir.

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

Çok daha kullanışlıdır, çünkü dizenin başında ve sonunda boş alanları otomatik olarak kaldırır. Normal ifade gerekmez.

replace kullanılmazsa, string = string.split (/ \ W + /);

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

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

Sed system komutunun yardımıyla açıklanan aşağıdaki normal ifadeyi kullanabiliriz. Benzer regex diğer dillerde ve platformlarda kullanılabilir.

Metni bir dosyaya söyle testi ekle

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

Tüm beyaz boşlukları tek boşlukla değiştirmek için aşağıdaki normal ifadeyi kullanabiliriz

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

Umarım bu amaca hizmet eder

Birden çok boşluğu tek bir boşlukla değiştirmek için bunu deneyin.

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

Devamını oku @ Birden Çok Boşluğu Tek Boşlukla Değiştirme

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

sonuç:

"xxx df dfvdfv df dfv"

Daha fazla kontrol için değeri işlemek üzere geri arama yerine kullanabilirsiniz.

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"

Bu komut dosyası, sözcükler ve kırpmalar arasındaki beyaz boşlukları (birden çok boşluk, sekme, döndürme vb.) Kaldırır:

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

'fare işaretçisi dokunma'. değiştirin (/ ^ \ s + | \ s + $ | (\ s) + / g, "$ 1") hile yapmalı!

Normal ifadeyi kullanmamız gerektiğini biliyorum, ancak bir röportaj sırasında REGEX KULLANMADAN yapmam istendi.

@slightlytyler aşağıdaki yaklaşımla gelmeme yardımcı oldu.

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