ChatGPT解决这个技术问题 Extra ChatGPT

How to remove spaces from a string using JavaScript?

How to remove spaces in a string? For instance:

Input:

'/var/www/site/Brand new document.docx'

Output:

'/var/www/site/Brandnewdocument.docx'
my solution " ahm ed ".split('').filter(e => e.trim().length).join('')
@C.K Why is that better then " ahm ed ".replace(/\s+/g, '');? It seems like the slowest (in current Chrome) and most unreadable solution to me. jsfiddle.net/n74qsh50

J
Jonathan

This?

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

Example

var str = '/var/www/site/Brand new document.docx'; document.write( str.replace(/\s/g, '') );

Update: Based on this question, this:

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

is a better solution. It produces the same result, but it does it faster.

The Regex

\s is the regex for "whitespace", and g is the "global" flag, meaning match ALL \s (whitespaces).

A great explanation for + can be found here.

As a side note, you could replace the content between the single quotes to anything you want, so you can replace whitespace with any other string.


@Gaurav I've looked up similar answers on SO, and I see .replace(/\s+/g, '') more often. Is there a difference between that and my answer?
Silly me, I was under the impression that .replace(' ','') would work. Much appreciated!
original answer involving (which Sime linked to in his edit) + has only 60 votes if anyone wants to credit him/her too stackoverflow.com/a/5964427/4258817
Be careful not to accidentally quote your regex e.g. .replace('/\s+/g', '') because it'll try to find that literal string. This tripped me up before...
Keep in mind that \s (whitespace) is not the same as a normal space. This also include the characters linefeed, carriage return, tab, vertical tab, form feed and others. For more info have a look at the JavaScript RegExp special characters.
v
vsync

var a = b = " /var/www/site/Brand new document.docx "; console.log( a.split(' ').join('') ); console.log( b.replace( /\s/g, '') );

Two ways of doing this!


I liked the split() and join().
split(' ') and join won't remove \n , \t white space chars, another workaround is a.split('').map(c =>c.trim()).join('')
C
Community

SHORTEST and FASTEST: str.replace(/ /g, '');

Benchmark:

Here my results - (2018.07.13) MacOs High Sierra 10.13.3 on Chrome 67.0.3396 (64-bit), Safari 11.0.3 (13604.5.6), Firefox 59.0.2 (64-bit) ):

SHORT strings

Short string similar to examples from OP question

https://i.stack.imgur.com/RcsMa.png

The fastest solution on all browsers is / /g (regexp1a) - Chrome 17.7M (operation/sec), Safari 10.1M, Firefox 8.8M. The slowest for all browsers was split-join solution. Change to \s or add + or i to regexp slows down processing.

LONG strings

For string about ~3 milion character results are:

regexp1a: Safari 50.14 ops/sec, Firefox 18.57, Chrome 8.95

regexp2b: Safari 38.39, Firefox 19.45, Chrome 9.26

split-join: Firefox 26.41, Safari 23.10, Chrome 7.98,

You can run it on your machine: https://jsperf.com/remove-string-spaces/1


Interestingly, the split-join method is now the fastest for me on Firefox 73, followed by regexp1a at 53% slower.
M
Minstel

Following @rsplak answer: actually, using split/join way is faster than using regexp. See the performance test case

So

var result = text.split(' ').join('')

operates faster than

var result = text.replace(/\s+/g, '')

On small texts this is not relevant, but for cases when time is important, e.g. in text analisers, especially when interacting with users, that is important.

On the other hand, \s+ handles wider variety of space characters. Among with \n and \t, it also matches \u00a0 character, and that is what   is turned in, when getting text using textDomNode.nodeValue.

So I think that conclusion in here can be made as follows: if you only need to replace spaces ' ', use split/join. If there can be different symbols of symbol class - use replace(/\s+/g, '')


@vsync He doesn't say it's "way faster", he says that the "split join way is faster". In other words, the "split join method is faster". He doesn't say how much faster, just that it is.
M
MD SHAYON

easy way

someString.replace(/ /g, '');
// or
someString.replace(/\s/gm, '');

This will only replace one occurrence. The OP's example had two spaces in it.
Well then you can try this ` someString.replace(/\s/gm, '');`
M
Muhammad Tahir
var input = '/var/www/site/Brand new document.docx';

//remove space
input = input.replace(/\s/g, '');

//make string lower
input = input.toLowerCase();

alert(input);

Click here for working example


P
Penny Liu

You also use one of the latest string methods of JS: replaceAll

'/var/www/site/Brand new document.docx'.replaceAll(' ', '');

This is the way.
M
Meloman

Without regexp, it works fine.

input = input.replace(' ', '');

Why not use simply this !? This is faster as simple !


because it removes just one space. replaceAll would remove all but the browser support is worse.
R
Raveendra007
  var output = '/var/www/site/Brand new document.docx'.replace(/ /g, ""); 
    or
  var output = '/var/www/site/Brand new document.docx'.replace(/ /gi,"");

Note: Though you use 'g' or 'gi' for removing spaces both behaves the same.

If we use 'g' in the replace function, it will check for the exact match. but if we use 'gi', it ignores the case sensitivity.

for reference click here.


S
SoEzPz

Regex + Replace()

Although regex can be slower, in many use cases the developer is only manipulating a few strings at once so considering speed is irrelevant. Even though / / is faster than /\s/, having the '\s' explains what is going on to another developer perhaps more clearly.

let string = '/var/www/site/Brand new document.docx';
let path = string.replace(/\s/g, '');
// path => '/var/www/site/Brandnewdocument.docx'

Split() + Join()

Using Split + Join allows for further chained manipulation of the string.

let string = '/var/www/site/Brand new document.docx';
let path => string.split('').map(char => /(\s|\.)/.test(char) ? '/' : char).join('');
// "/var/www/site/Brand/new/document/docx";

I think explaining what is going is not really useful since you can easily wrap it into a function with the name removeWhiteSpace(string) { return string.replace(//g, '') }
s
shmuels

Using replaceAll seems like the simplest cleanest way. (I can't vouch for fastest)

'/var/www/site/Brand new document.docx'.replaceAll(' ', '')

See docs.

The replaceAll() method returns a new string with all matches of a pattern replaced by a replacement. The pattern can be a string or a RegExp, and the replacement can be a string or a function to be called for each match.


h
hüseyin özler

var str = '/var/www/site/Brand new document.docx'; document.write( str.replace(/\s\/g, '') ); ----------


Please don't post only code as answer, but also provide an explanation what your code does and how it solves the problem of the question. Answers with an explanation are usually more helpful and of better quality, and are more likely to attract upvotes.
v
vitaretnama

You can use regex to remove spaces from string`

let str = '/var/www/site/Brand new document.docx';
let result = str.replace(/\s/g, '');

S
Sebastian Simon
your_string = 'Hello world';
words_array = your_tring.split(' ');

string_without_space = '';

for(i=0; i<words_array.length; i++){
    new_text += words_array[i]; 
}

console.log("The new word:" new_text);

The output:

HelloWorld


But look, we are still using for loops (forEach)
Yes you are right : geeksforgeeks.org/…
This is too expensive, and not clean, using loops for just removing spaces in a string? why not go for replaceAll(' ', '');