正则表达式用单个空格替换多个空格

JavaScript

SamItachi

2020-03-12

给定一个像这样的字符串:

“狗尾巴很长,是红色的!”

什么样的jQuery或JavaScript魔术可以用来将空间限制为最多一个空间?

目标:

“狗尾巴很长,是红色的!”

第1294篇《正则表达式用单个空格替换多个空格》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

18个回答
古一JinJin伽罗 2020.03.12

I know we have to use regex, but during an interview, I was asked to do WITHOUT USING REGEX.

@slightlytyler helped me in coming with the below approach.

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

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

结果:

"xxx df dfvdfv df dfv"
Gil小哥伽罗 2020.03.12

This script removes any white space (multiple spaces, tabs, returns, etc) between words and trims:

// 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, ' ');
};
Tony宝儿 2020.03.12

jQuery具有trim()函数,该函数基本上将类似“ FOo Bar”的内容转换为“ FOo Bar”。

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

它更有用,因为它也会自动删除字符串开头和结尾的空格。无需正则表达式。

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

str = str.replace(myregexp,' ');
西里GO 2020.03.12

也有可能:

str.replace( /\s+/g, ' ' )
小宇宙卡卡西 2020.03.12
var string = "The dog      has a long   tail, and it     is RED!";
var replaced = string.replace(/ +/g, " ");

或者,如果您也想替换标签:

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

是不使用替换,string = string.split(/ \ W + /);

樱神奇 2020.03.12

针对新手等的全面未加密答案。

这适用于像我这样的所有假人,它们测试了某些无法正常工作的人编写的脚本。

以下3个示例是我在以下3个网站上删除特殊字符和多余空格的步骤(所有这些都可以正常工作){1。EtaVisa.com 2. EtaStatus.com 3. Tikun.com},所以我知道它们完美地工作了。

我们一次将这些链与50多个链链接在一起,没有任何问题。

//删除了特殊字符+ 0-9,仅允许使用字母(大写和小写)

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

//删除了特殊字符,只允许使用字母(大写和小写)和0-9 AND空格

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

//删除了特殊字符,只允许使用字母(大写和小写)和0-9 AND空格// //最后,.replace(/ \ s \ s + / g,“”)删除多余的空格//使用单引号,它不起作用。

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 :: 将#3另存为a .js// //我叫我NoDoubles.js

:: NEXT :: 将您的JS包含到您的页面中

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

将此包含在您的表单字段中::例如

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

这样看起来像这样

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

这将删除特殊字符,允许使用单个空格并删除多余的空格。

樱猿 2020.03.12

如果您不想使用替换(如果不使用替换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);
Jim达蒙阳光 2020.03.12

我知道我参加晚会很晚,但是我发现了一个不错的解决方案。

这里是:

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

我建议

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

仅用于空格

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

也可以将多个收益转化为单一收益。

Sam凯卡卡西 2020.03.12

更加健壮的方法:如果存在初始和尾随空格,它将删除它们。例如:

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

您的示例没有这些空格,但是它们也是一个非常常见的情况,并且可接受的答案只是将它们修剪成单个空格,例如:“ ... RED!”,这通常不是您所需要的。

GO凯 2020.03.12

更强大:

功能修剪(单词)
{
    字= word.replace(/ [^ \ x21- \ x7E] + / g,''; //将非打印字符更改为空格
    返回word.replace(/ ^ \ s + | \ s + $ / g,``); //删除前导/尾随空格
}
鸣人 2020.03.12

我有此方法,由于缺乏更好的名称,我将其称为Derp方法。

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

在JSPerf中运行它会产生一些令人惊讶的结果。

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

编辑: 如果您希望替换所有种类的空白字符,最有效的方法将是这样的:

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

由于您似乎对性能感兴趣,因此我使用Firebug进行了介绍。这是我得到的结果:

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

这是在Firefox上运行的100k字符串替换。

如果您认为性能存在问题,建议您使用Firebug进行性能分析测试。众所周知,人类在预测程序瓶颈所在的位置上很糟糕。

(还要注意,IE 8的开发人员工具栏还内置了一个探查器-可能值得检查IE中的性能。)

Tom十三 2020.03.12

假设您还想覆盖标签,换行符等,只需替换\s\s+' '

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

If you really want to cover only spaces (and thus not tabs, newlines, etc), do so:

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android