How to split a string in JavaScript using white space

Question

How to split a string in JavaScript using white space

I'm looking to separate a string while preserving white space, for example:

var str = "my car is red";

var stringArray [];

stringArray [0] = "my";
stringArray [1] = " ";
stringArray [2] = "car";
stringArray [3] = " ";
stringArray [4] = "is";
stringArray [5] = " ";
stringArray [6] = "red";

What's the best way to achieve this?

Thank you!

javascript arrays split

Answer 1

Answer №1

Utilizing regular expressions:

let sentence  = "the sky is blue";
let wordsArray = sentence.split(/(\s+)/);

console.log(wordsArray); // ["the", " ", "sky", " ", "is", " ", "blue"]

\s matches any character that represents a whitespace, and using the plus sign makes it greedy, identifying a group beginning with characters and ending with whitespace. The following group then starts when there is a character after the whitespace, continuing the pattern.

Answer 2

Utilizing regular expressions:

let sentence  = "the sky is blue";
let wordsArray = sentence.split(/(\s+)/);

console.log(wordsArray); // ["the", " ", "sky", " ", "is", " ", "blue"]

\s matches any character that represents a whitespace, and using the plus sign makes it greedy, identifying a group beginning with characters and ending with whitespace. The following group then starts when there is a character after the whitespace, continuing the pattern.

Answer 3

Answer №2

To separate the string at white spaces and then join it back together, you can utilize the fact that every entry is separated by whitespace.

let text = "text to divide";
    text = text.split(" ");
let textArray = new Array();
for(let j = 0; j < text.length; j++){
    textArray.push(text[j]);
    if(j != text.length-1){
        textArray.push(" ");
    }
}

Answer 4

To separate the string at white spaces and then join it back together, you can utilize the fact that every entry is separated by whitespace.

let text = "text to divide";
    text = text.split(" ");
let textArray = new Array();
for(let j = 0; j < text.length; j++){
    textArray.push(text[j]);
    if(j != text.length-1){
        textArray.push(" ");
    }
}

Answer 5

Answer №3

To divide a string by spaces, similar to how it is done in Python language, you can use the following:

var sentence = "hello    my friends    ;";
sentence.split(/(\s+)/).filter( function(word) { return word.trim().length > 0; } );

result:

["hello", "my", "friends", ";"]

or alternatively:

sentence.split(/(\s+)/).filter( word => word.trim().length > 0)

(displaying some of the output)

Answer 6

To divide a string by spaces, similar to how it is done in Python language, you can use the following:

var sentence = "hello    my friends    ;";
sentence.split(/(\s+)/).filter( function(word) { return word.trim().length > 0; } );

result:

["hello", "my", "friends", ";"]

or alternatively:

sentence.split(/(\s+)/).filter( word => word.trim().length > 0)

(displaying some of the output)

Answer 7

Answer №4

To easily separate words, simply use the \b to split on word boundaries. For more information, visit this MDN link

\b: Matches a zero-width word boundary, like between a letter and a space.

Ensure it is followed by whitespace with \s so that phrases such as "My car isn't red" are properly handled:

var stringArray = str.split(/\b(\s)/);

The initial \b accounts for multiple spaces, e.g., my car is red

UPDATE: Included grouping for better functionality

Answer 8

To easily separate words, simply use the \b to split on word boundaries. For more information, visit this MDN link

\b: Matches a zero-width word boundary, like between a letter and a space.

Ensure it is followed by whitespace with \s so that phrases such as "My car isn't red" are properly handled:

var stringArray = str.split(/\b(\s)/);

The initial \b accounts for multiple spaces, e.g., my car is red

UPDATE: Included grouping for better functionality

Answer 9

Answer №5

While not all browsers support this feature, using capturing parentheses in your regular expressions can result in the captured input being included in the output.

If the separator is a regular expression with capturing parentheses, each time the separator is found, the content of the capturing parentheses will be inserted into the output array. [source)

For example:

var stringArray = str.split(/(\s+)/);
                             ^   ^
//

Result:

["my", " ", "car", " ", "is", " ", "red"]

This effectively removes consecutive spaces in the original text without any major drawbacks that come to mind.

Answer 10

While not all browsers support this feature, using capturing parentheses in your regular expressions can result in the captured input being included in the output.

If the separator is a regular expression with capturing parentheses, each time the separator is found, the content of the capturing parentheses will be inserted into the output array. [source)

For example:

var stringArray = str.split(/(\s+)/);
                             ^   ^
//

Result:

["my", " ", "car", " ", "is", " ", "red"]

This effectively removes consecutive spaces in the original text without any major drawbacks that come to mind.

Answer 11

Answer №6

If you are confident that there is only one space between two words, you can employ the following method

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

This will allow you to substitute one space with two and then split by space.

Answer 12

If you are confident that there is only one space between two words, you can employ the following method

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

This will allow you to substitute one space with two and then split by space.

Answer 13

Answer №7

To split a string using white spaces, you can include two white spaces in the split function like this:

str.split("  ");

By doing this, the string will be divided at each space.

Answer 14

To split a string using white spaces, you can include two white spaces in the split function like this:

str.split("  ");

By doing this, the string will be divided at each space.

Answer 15

Answer №8

Transform a string by splitting it at spaces, inserting '§ §' between each word, then splitting it again using '§' as the delimiter.

Answer 16

Transform a string by splitting it at spaces, inserting '§ §' between each word, then splitting it again using '§' as the delimiter.

How to split a string in JavaScript using white space

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Answer №7

Answer №8

Similar questions

`Interact with images to display toggled information using a combination of CSS and JavaScript

Issue at runtime: The super expression should be either null or a function, not undefined

The issue in Vue JS arises when trying to access JSON key values from an object array using v-for

The absence of a property map within String Flowtype has caused an issue

Create JSON data in JavaScript for nivo using an array or a function

BS4 Dynamic Countdown Clock

What is the best way to update the color of a v-select component?

Is it common for audio players to preload audio files?

Navigating Divs Using jQuery

Do not generate an HTML cookie

Loading JavaScript variable with pre-processed JavaScript information

Using JavaScript to eliminate brackets

Exploring the world of npm packages: from publishing to utilizing them

Utilize Bootstrap 3 Datepicker version 4 to easily set the date using Moment.js or Date objects

Tips for retrieving the concealed input value from the div directly preceding

Node (Sync/Synchronize) is unable to locate the binaries for fibers

Interactive calendar control for selecting dates in JavaScript

Implement jQuery to dynamically assign an "Active" class to tab elements based on the current page being loaded

Tips for displaying 2-dimensional arrays using a function in C++

Can you explain the functionality of this code related to arrays?