[js] 第2天写一个方法去掉字符串中的空格 #6

haizhilin2013 · 2019-04-17T21:19:11Z

写一个方法去掉字符串中的空格，要求传入不同的类型分别能去掉前、后、前后、中间的空格

haizhilin2013 · 2019-04-17T21:23:11Z

欢迎大家展开多种不同的方法

yxkhaha · 2019-04-18T03:30:36Z

        var str = '  abc d e f  g ';
        function trim(str) {
            var reg = /\s+/g;
            if (typeof str === 'string') {
                var trimStr = str.replace(reg,'');
            }
            console.log(trimStr)
        }
        trim(str)

qq674785876 · 2019-05-05T07:09:59Z

var trim = function(str){
return str.replace(/\s*/g,"");
}
str.replace(/\s*/g,""); //去除字符串内所有的空格
str.replace(/^\s*|\s*$/g,""); //去除字符串内两头的空格
str.replace(/^\s*/,""); //去除字符串内左侧的空格
str.replace(/(\s*$)/g,""); //去除字符串内右侧的空格

shulandmimi · 2019-05-07T10:07:28Z

function deleSpac(str,direction) { // 1 串的模板 2 清除哪边空格
            let Reg = '';
            switch(direction) {
                case 'left' : // 去除左边
                    Reg = /^[\s]+/g;
                    break;
                case 'right' : // 去除右边
                    Reg = /([\s]*)$/g;
                    break;
                case 'both' : // 去除两边
                    Reg = /(^\s*)|(\s*$)/g
                    break;
                default :   // 没传默认全部，且为下去除中间空格做铺垫
                    Reg = /[\s]+/g;
                    break;
            }
            let newStr = str.replace(Reg,'');
            if ( direction == 'middle' ){
                let RegLeft = str.match(/(^\s*)/g)[0]; // 保存右边空格
                let RegRight = str.match(/(\s*$)/g)[0]; // 保存左边空格
                newStr = RegLeft + newStr + RegRight; // 将空格加给清完全部空格后的字符串
            }
            return newStr;
        }

linghucq1 · 2019-05-08T07:19:19Z

const str = '  s t  r  '

const POSITION = Object.freeze({
  left: Symbol(),
  right: Symbol(),
  both: Symbol(),
  center: Symbol(),
  all: Symbol(),
})

function trim(str, position = POSITION.both) {
  if (!!POSITION[position]) throw new Error('unexpected position value')
  
  switch(position) {
      case(POSITION.left):
        str = str.replace(/^\s+/, '')
        break;
      case(POSITION.right):
        str = str.replace(/\s+$/, '')
        break;
      case(POSITION.both):
        str = str.replace(/^\s+/, '').replace(/\s+$/, '')
        break;
      case(POSITION.center):
        while (str.match(/\w\s+\w/)) {
          str = str.replace(/(\w)(\s+)(\w)/, `$1$3`)
        }
        break;
      case(POSITION.all):
        str = str.replace(/\s/g, '')
        break;
      default: 
  }
  
  return str
}

const result = trim(str)

console.log(`|${result}|`) //  |s t  r|

qqdnnd · 2019-05-16T03:23:49Z

function trimStr(str, type) {
    const regObj = {
        left: /^\s+/,
        middle: /(^\s+)(\S)|\s+(\S)/g,
        right: /\s+$/,
        both: /(^\s+)|(\s+$)/g,
        all: /\s+/g
    };
    const reg = type && regObj[type] ? regObj[type] : regObj.both;
    const replaceStr = type === 'middle' ? (m, $1, $2, $3) => $1 ? m : $3 : '';
    return str.replace(reg, replaceStr);
}
trimStr('  aa bb  cc d d ee  ','middle');

tzjoke · 2019-05-16T11:19:35Z

Regex: string.replace(/\s/g, '')
join: string.split(' ').join('')

yangchunboy · 2019-05-27T03:01:27Z

var str = ' 1 2 3445 6    ';
console.log(str.split(' ').join('')) // 输出"1234456"

这样不是很简单吗 @haizhilin2013

Hxiaongrong · 2019-05-28T06:42:01Z

function noSpace(str){
if (!str) return ''
return str.split('').filter(item => item !== ' ').join('')
}

Zhou-Bill · 2019-06-04T14:30:13Z

" 123 56 ".replace(/\s+/g, "")

likeke1997 · 2019-06-05T07:39:07Z

function trim(str) {
    return str.split(' ').join('');
}
var result = trim(' hello world, I am keke. ');
console.log(result); // helloworld,Iamkeke.

myprelude · 2019-06-13T08:31:50Z

 str.trim()

wanghaooo · 2019-06-17T14:07:54Z

const trim = (str) => str.split('').filter((item) => item !== ' ').join('');

Damon99999 · 2019-06-17T14:45:31Z

str.replace(/[ ]/g, "");

AricZhu · 2019-06-18T01:26:03Z

function removeSpace (str, type) {

if (type === 'before') {
	// 递归去除字符串前面的空格
	return (str && str[0] === ' ')? removeSpace(str.substring(1), type): str;
} else if (type === 'after') {
	// 递归去除字符串后面的空格
	return (str && str[0] && str[str.length - 1] === ' ')? removeSpace(str.substring(0, str.length-1), type): str;
} else if (type === 'before-after') {
	// 递归去除字符串前后的空格
	return (str = removeSpace(str, 'before')) && (str = removeSpace(str, 'after'));
} else if (type === 'between') {
	// 递归去除字符串中间的空格
	// 首先找到 'x y'类型的字符位置
	let x = y = 0;
	outer:
	for (let i = 0; i < str.length - 1; i ++) {
		if (str[i] !== ' ' && str[i+1] === ' ') {
			x = i;
			let j = i + 2;
			while(j < str.length && str[j] === ' ') {
				j++;
			}
			if (j < str.length) {
				y = j;
			}
			break outer;
		}
	}
	return y !== 0? removeSpace(str.substring(0, x + 1) + str.substring(y), type): str;
} else {
	throw new Error('类型错误!');
}

}

persist-xyz · 2019-06-26T09:23:34Z

myTrim: (str) => {
        // 1 去除所有空格
        str = str.replace(/\s*/g, '')
        // 2去除所有空格
        str = str.split(' ').join('')


        // 1 去除开头空格
        str = str.replace(' ', '')
        // 2 去除开头空格
        str = str.replace(/^\s*/, '')


        // 1 去除结尾空格
        str = str.replace(/\s*$/, '')


        // 1 去除中间空格
        while(str.match(/\w\s+\w/)) {
            str = str.replace(/^\s*|\s*$/, '')
        }
        
        return str
    }

Konata9 · 2019-07-01T02:03:24Z

正则不是很熟，感觉中间的空格也能用正则去掉

const trimString = ({str = "", position = "both"}) => {
  if (!str) {
    return str;
  }

  const removePos = {
    left: () => str.replace(/^\s+/, ""),
    right: () => str.replace(/\s+$/, ""),
    both: () => str.replace(/(^\s+)|(\s+$)/g, ""),
    // 这个方法在字符串中间有多个空格时会有问题
    // middle: () =>
    //   str
    //     .split(" ")
    //     .map((item) => (item ? item : " "))
    //     .join(""),
    // 下面这种正则更优雅
    // middle: () => {
    //   let result = str;
    //   while (/\w+\s+\w+/.test(result)) {
    //     result = result.replace(/(\w+)\s+(\w+)/, '$1$2');
    //   }
    //   return result;
    // },
    // 一行正则
    // middle: () => str.replace(/\b\s*\b/g,''),
    // 普通方法
    middle: () => {
      const leftSpace = str.match(/^\s+/)[0];
      const rightSpace = str.match(/\s+$/)[0];
      return leftSpace + str.split(" ").join("") + rightSpace;
    },
    all: () => str.split(" ").join("")
  };

  return removePos[position]();
};

const a = "  12a b       cde fff ";
console.log("trim left:", trimString({str: a, position: "left"}));
console.log("trim right:", trimString({str: a, position: "right"}));
console.log("trim middle", trimString({str: a, position: "middle"}));
console.log("trim both:", trimString({str: a}));
console.log("trim all:", trimString({str: a, position: "all"}));

alowkeyguy · 2019-07-02T09:22:51Z

不太明白为什么要分左中右，正着是贪婪的

function trim (str) {
	let reg = /\s+/g
	return str.replace(reg, '')
}

DarthVaderrr · 2019-07-03T07:31:18Z

var str = ' 1 2 3445 6    ';
console.log(str.split(' ').join('')) // 输出"1234456"

这样不是很简单吗 @haizhilin2013

这个如果遇到连续的空格呢

boboyu · 2019-07-03T10:44:03Z

String.prototype.myTrim = function(option){
  var _this = this;
  var fn = {
    front:function(){
      return _this.replace(/^\s+/,'')
//       return _this.trimLeft()//或_this.trimStart() ie不支持
    },
    end:function(){
      return _this.replace(/\s+$/,'')
//       return _this.trimRight()//或 _this.trimEnd() ie不支持
    },
    frontEnd:function(){
      return _this.replace(/^\s+|\s+$/g,'');
//       return _this.trim()//--包括所有的空格字符 (space, tab, no-break space 等)以及所有的行结束符（如 LF，CR）
//       return _this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
/* 某些软件，在保存一个以UTF-8编码的文件时，会在文件开始的地方插入三个不可见的字符（0xEF 0xBB 0xBF，即BOM），
转码后是“\uFEFF”，因此我们在读取时需要自己去掉这些字符。
“\xA0”其实就是HTML中常见的“&nbsp;” */
    },
    content:function(){
      var mStr = this.all();
      var lStr = _this.match(/^\s+/)[0];
      var rStr = _this.match(/\s+$/)[0]
      return lStr + mStr + rStr
    },
    all:function(){
      return _this.replace(/\s+/g,'')
    }
  }
  return fn[option]();
}
var str = '  s t  r  ';
var _str = {}
_str.front = str.myTrim('front')
_str.end = str.myTrim('end')
_str.frontEnd = str.myTrim('frontEnd')
_str.content = str.myTrim('content')
_str.all = str.myTrim('all')
console.log(_str)

全角空格还需要匹配“\u3000”

haizhilin2013 · 2019-07-03T10:47:34Z

@boboyu 格式化下代码吧，用markdown的语法

chenliwen123 · 2019-07-05T02:28:44Z

var str = ' 1 2 3445 6    ';
console.log(str.split(' ').join('')) // 输出"1234456"
这样不是很简单吗 @haizhilin2013
这个如果遇到连续的空格呢

连续的也没有问题啊

Azathoth-H · 2019-07-12T03:13:02Z

let str = '21 sdf asdf 123 '
str.replace(/ /g, '')
str.split(' ').join('')

shufangyi · 2019-07-17T09:46:11Z

function trim(str, types = ['start', 'end', 'middle']) {
  types.forEach(type => {
    switch (type) {
      case 'start':
        str = str.replace(/^\s*/, '')
        break
      case 'end':
        str = str.replace(/\s*$/, '')
        break
      case 'middle':
        while (str.match(/(\S)\s+(\S)/)) {
          str = str.replace(/(\S)\s+(\S)/g, '$1$2')
        }
        break
      default:
        break
    }
  })
  return str
}

goldEli · 2019-07-24T04:05:00Z

var removeSpace1 = (str, type) => {
  if (!str) return 
  switch(type){
    case 'ALL':
      return str.replace(/\s/g, '')
    case 'TRIM_HEAD_AND_TAIL':
      return str.replace(/^\s*|\s*$/g, '')
    case 'TRIM_HEAD':
      return str.replace(/^\s*/g, '')
    case 'TRIM_TAIL':
      return str.replace(/\s*$/g, '')
    default:
      return str
  }
}

ZhaoYu8 · 2019-07-25T10:12:37Z

// 我看大家基本上都用正则解决的，想了一下js提供的字符串方法也能解决。简洁程度比不上正则。
let str = '  a   b  c  ';
let delBlank = (str, type) => {
  let count = 0,_str = str.split(''), arr = [];
  _str.map((r, i) => {
    if (r !== " ") { // 主要是为了取第一个，最后一个不是" "的下标
      !count ? (arr[0] = i,count++) : arr[1] = i + 1
    }
  })
  switch (type) {
    case 'all':
      return str.split(' ').join('')
      break
    case 'left':
      return str.slice(arr[0])
      break
    case 'right':
      return str.slice(0, arr[1])
      break
    case 'centre':
      // 字符串拼接：左边的空格 + 去除前后空格后的字符串，然后再删除所有的空格 + 尾部的空格
      return str.slice(0, arr[0]) + str.slice(arr[0], arr[1]).split(' ').join('') + str.slice(arr[1], _str.length)
      break
    default:
      return str;
      break
  }
}
console.log(delBlank(str, 'centre'))

IanSun · 2019-07-26T06:56:27Z

注意审题啊，要求的是去掉空格，不是去掉空白字符

const trim = ( () => {
  const ALL      = Symbol( `ALL` );
  const END      = Symbol( `END` );
  const INSET    = Symbol( `INSET` );
  const START    = Symbol( `START` );
  const SURROUND = Symbol( `SURROUND` );

  const WHITESPACE = `\u0020`;
  const REGEXP = {
    [ ALL ]      : new RegExp( `${ WHITESPACE }+`, `gu` ),
    [ END ]      : new RegExp( `${ WHITESPACE }+$`, `u` ),
    [ INSET ]    : new RegExp( `(?<!^|${ WHITESPACE })${ WHITESPACE }+(?!$|${ WHITESPACE })`, `gu` ),
    [ START ]    : new RegExp( `^${ WHITESPACE }+`, `u` ),
    [ SURROUND ] : new RegExp( `^${ WHITESPACE }+|${ WHITESPACE }+$`, `gu` ),
  };

  function trim ( string = ``, type ) {
    return REGEXP[ type ] ?
      string.replace( REGEXP[ type ], `` ) :
      string;
  }

  trim.ALL      = ALL;
  trim.END      = END;
  trim.INSET    = INSET;
  trim.START    = START;
  trim.SURROUND = SURROUND;

  return trim;
} )();

const string = '  abc d e f  g ';

console.log( JSON.stringify( trim( string, trim.ALL ) ) );
console.log( JSON.stringify( trim( string, trim.END ) ) );
console.log( JSON.stringify( trim( string, trim.INSET ) ) );
console.log( JSON.stringify( trim( string, trim.START ) ) );
console.log( JSON.stringify( trim( string, trim.SURROUND ) ) );

Cillivian · 2019-07-26T09:54:42Z

 str.trim()

这个是删去两端的空格，而不会删去字符中间的空格：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim

LvyYoung · 2019-07-27T08:43:39Z

let str = '  abcde fgh ijk ';
console.log("    原字符串：" + str);
console.log("  去掉左空格：" + str.replace(/^\s*/g, ''));
console.log("  去掉右空格：" + str.replace(/\s*$/g, ''));
console.log("去掉左右空格：" + str.replace((/^\s*/g|/\s*$/g), ''));
console.log("去掉所有空格：" + str.replace(/\s*/g, ''));

WangXi01 · 2022-07-12T09:07:46Z

str.replace(/\s*/g,"")

web-ma-hub · 2022-07-14T10:14:57Z

function removeSpace(str, type = 'all') {
  if (typeof str !== 'string' || !str.length) return str
  let reg
  if (type === 'all') {
    reg = /\s/g
  } else if (type === 'left') {
    reg = /^\s+/
  } else if (type === 'right') {
    reg = /\s+$/
  } else if (type === 'middle') {
    reg = /\b\s*\b/g
  } else if (type === 'lr') {
    reg = /^\s+|\s+$/g
  } else {
    reg = ''
  }
  return str.replace(reg, '')
}

lv107w · 2022-08-08T10:28:44Z

str.replace(/\s*/g,"")

superyeda · 2022-08-17T08:44:19Z

    function dealText(){
        let text=answer.innerHTML=inputText[0].value
        let reg=/\s/g
        answer.innerHTML=text.replace(reg,'')
    }

wyy-g · 2022-09-06T05:21:39Z

function deleteSpace(str){
str.replace(/\s+/, '');
}

Bruce-shuai · 2022-09-19T09:35:34Z

let str = ' a s ddd '
str.replaceAll(' ', '')

luise2019 · 2022-09-26T07:19:35Z

function strFormat(str) {
return str.split(' ').join('');
}

GitHubJiKe · 2022-09-27T09:11:05Z

wl2282589971 · 2022-10-02T01:38:36Z

function trim(str) {
return str.replace(/^\s+|\s+$/g, "");
}

wl2282589971 · 2022-10-02T01:39:56Z

function trim(str) {
return str.replace(/\s/g, "");
}

ANLX666 · 2022-12-23T12:27:26Z

var a=" a";
var b = "b "; 
var c = " d "; 
var d = " " ;
var s = "" ;
s= s ;
function quchu( s ) { 
    for(let i = 0 ;i <s.length ;i ++ ) { 
      if (s[i]==" ") { 

      }
      else { 
        console.log(s[i]);
      }
    }
}
quchu(s);

ANLX666 · 2022-12-23T12:30:32Z

let b="<a>　　　　　   测试1</a><a>　　　　　     测试2</a><a>　测试3   </a>"
 
console.log(b.replace(/\s*/g, ''))
 
输出：  
<a>测试1</a><a>测试2</a><a>测试3</a>

caohuili · 2023-02-17T10:01:28Z

// 写一个方法去掉字符串中的空格，要求传入不同的类型分别能去掉前、后、前后、中间的空格
function delSpaceStr(str,spacePosType="side"){
let reg = new RegExp()
switch (spacePosType){
case "left":
reg = /^\s+/g
return str.replace(reg,"")
case "right":
reg = /\s+$/g
return str.replace(reg, "")
case "side":
reg = /^\s+|\s+$/g
return str.replace(reg, "")
case "center":
reg = /(\S)(\s+)(\S)/g
return str.replace(reg, "$1$3")
default:
reg = /\s+/g
return str.replace(reg,)
}
}

var str1 = ' aa bbbd ccc de '
console.log(delSpaceStr(str1))

yang255087 · 2023-03-08T07:50:34Z

str.replaceAll(' ','');

Hanies11 · 2023-03-09T14:18:12Z

let str = ' 1 2 3 4 5 6 7 8 9 1 0 ';
let arr = str.split(" ").join("");

Frontendnightmare · 2023-05-24T00:38:04Z

const removeSpace = (str) => {//去除所有空格
return str.split(" ").join('');

13714273163 · 2023-06-23T07:29:58Z

您好，邮件已收到，我会尽快回复。

clairyitinggu · 2023-07-09T04:02:42Z

let str = "hello world";
let newStr = str.replace(/\s/g, '');

YgTrace · 2023-07-13T09:28:32Z

function clearSpaceFromString (type, str) {
  let newStr = ''
  switch (type) {
    case 'all':
      newStr = str.replaceAll(' ', '')
      break;
    case 'both':
      newStr = str.trim()
      break;
    case 'start':
      str[0] === ' ' ?  newStr = str.replace(' ', '') : newStr = str
      break;
    case 'end':
      str[str.length - 1] === ' ' ?  newStr = str.replace(/\s*$/, '') : newStr = str
      break;
    default:
      newStr = str
      break;
  }
  return newStr
}

gavawu · 2023-09-07T09:21:17Z

const str  = ' 23  33 '
const arr = str.split('')
console.log(arr.filter(i=>i!=' ').join(''))

0726m · 2023-09-22T03:06:28Z

function removeSpace(str){
    return str.replace(/\s/g,' ');
}
const str = ' Hello   World    ';
const result = removeSpace(str);
console.log(result)

lili-0923 · 2024-02-01T08:38:20Z

const str = " ab cd e f 4g h ";
console.log(str.replace(/\s+/g, "")); // abcdef4gh

13714273163 · 2024-02-01T08:38:43Z

您好，邮件已收到，我会尽快回复。

angrybird233 · 2024-02-26T08:13:20Z

function removeStringSpace(string) {
return string.replace(/\s/g, "");
}

13714273163 · 2024-02-26T08:13:47Z

您好，邮件已收到，我会尽快回复。

lxt-ing · 2024-02-26T08:13:56Z

你的邮件我已收到，我会尽快处理

admiral20 · 2024-03-14T03:12:34Z

xiaotangaichihuluobo · 2024-09-19T15:59:52Z

1、去除两端空格
const str = " Hello World! ";
const trimmedStr = str.trim(); // "Hello World!"
2.去除中间的空格
str.replace(/\s+/g,'')

haizhilin2013 added the js JavaScript label Apr 18, 2019

This was referenced Oct 18, 2023

[css] 第2天 CSS3有哪些新增的特性？ #5

Open

[css] 第3天在页面上隐藏元素的方法有哪些？ #8

Open

[js] 第2天 写一个方法去掉字符串中的空格 #6

[js] 第2天 写一个方法去掉字符串中的空格 #6

Comments

haizhilin2013 commented Apr 17, 2019

haizhilin2013 commented Apr 17, 2019

yxkhaha commented Apr 18, 2019

qq674785876 commented May 5, 2019

shulandmimi commented May 7, 2019

linghucq1 commented May 8, 2019 • edited Loading

qqdnnd commented May 16, 2019 • edited Loading

tzjoke commented May 16, 2019 • edited Loading

yangchunboy commented May 27, 2019

Hxiaongrong commented May 28, 2019

Zhou-Bill commented Jun 4, 2019

likeke1997 commented Jun 5, 2019

myprelude commented Jun 13, 2019 • edited Loading

wanghaooo commented Jun 17, 2019

Damon99999 commented Jun 17, 2019

AricZhu commented Jun 18, 2019

persist-xyz commented Jun 26, 2019

Konata9 commented Jul 1, 2019 • edited Loading

alowkeyguy commented Jul 2, 2019

DarthVaderrr commented Jul 3, 2019

boboyu commented Jul 3, 2019 • edited Loading

haizhilin2013 commented Jul 3, 2019

chenliwen123 commented Jul 5, 2019

Azathoth-H commented Jul 12, 2019 • edited Loading

shufangyi commented Jul 17, 2019

goldEli commented Jul 24, 2019

ZhaoYu8 commented Jul 25, 2019 • edited Loading

IanSun commented Jul 26, 2019 • edited Loading

Cillivian commented Jul 26, 2019

LvyYoung commented Jul 27, 2019

WangXi01 commented Jul 12, 2022

web-ma-hub commented Jul 14, 2022

lv107w commented Aug 8, 2022

superyeda commented Aug 17, 2022

wyy-g commented Sep 6, 2022

Bruce-shuai commented Sep 19, 2022

luise2019 commented Sep 26, 2022

GitHubJiKe commented Sep 27, 2022

wl2282589971 commented Oct 2, 2022

wl2282589971 commented Oct 2, 2022

ANLX666 commented Dec 23, 2022

ANLX666 commented Dec 23, 2022

caohuili commented Feb 17, 2023 • edited Loading

yang255087 commented Mar 8, 2023

Hanies11 commented Mar 9, 2023

Frontendnightmare commented May 24, 2023

13714273163 commented Jun 23, 2023 via email

clairyitinggu commented Jul 9, 2023

YgTrace commented Jul 13, 2023

gavawu commented Sep 7, 2023

0726m commented Sep 22, 2023

lili-0923 commented Feb 1, 2024

13714273163 commented Feb 1, 2024 via email

angrybird233 commented Feb 26, 2024

13714273163 commented Feb 26, 2024 via email

lxt-ing commented Feb 26, 2024 via email

admiral20 commented Mar 14, 2024 • edited Loading

xiaotangaichihuluobo commented Sep 19, 2024

[js] 第2天写一个方法去掉字符串中的空格 #6

[js] 第2天写一个方法去掉字符串中的空格 #6

linghucq1 commented May 8, 2019 •

edited

Loading

qqdnnd commented May 16, 2019 •

edited

Loading

tzjoke commented May 16, 2019 •

edited

Loading

myprelude commented Jun 13, 2019 •

edited

Loading

Konata9 commented Jul 1, 2019 •

edited

Loading

boboyu commented Jul 3, 2019 •

edited

Loading

Azathoth-H commented Jul 12, 2019 •

edited

Loading

ZhaoYu8 commented Jul 25, 2019 •

edited

Loading

IanSun commented Jul 26, 2019 •

edited

Loading

caohuili commented Feb 17, 2023 •

edited

Loading

admiral20 commented Mar 14, 2024 •

edited

Loading