javascript
  1. javascript-split
PreviousNext

JavaScript split()

The split() method in JavaScript is a powerful tool for breaking up a string into an array of substrings. It takes an optional separator as an argument and returns an array of substrings that are separated by that separator. This method is useful for parsing text data and for performing text manipulations on a string.

Syntax

The syntax for using the split() method in JavaScript is as follows:

string.split(separator, limit)
  • string: The string to be split.
  • separator: An optional string or regular expression that specifies the point at which each split should occur. This can be a single character, a string, or a regular expression.
  • limit: An optional integer that specifies the maximum number of splits that should be performed.

Example

Consider the following example of using the split() method in JavaScript:

const myString = "Hello world, this is a test";
const myArray = myString.split(" ");

In this example, the myString variable contains a string of text, and the split() method is used to split the text into an array of substrings, using a space character as the separator. The resulting array, stored in the myArray variable, will contain the following elements:

["Hello", "world,", "this", "is", "a", "test"]

Output

["Hello", "world,", "this", "is", "a", "test"]


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>String Split Example</title>
</head>
<body>

<!-- Display area for the output -->
<div id="output"></div>

<script>
    // Your JavaScript code
    const myString = "Hello world, this is a test";
    const myArray = myString.split(" ");

    // Display the output in the HTML document
    let outputHtml = '<ul>';
    for (let item of myArray) {
        outputHtml += `<li>${item}</li>`;
    }
    outputHtml += '</ul>';

    document.getElementById('output').innerHTML = outputHtml;
</script>

</body>
</html>
Try Playground

Explanation

The split() method splits a string into an array of substrings based on a specified separator. In the example above, the separator specified was a space character, and therefore each word in the string was treated as a separate element of the resulting array.

Use

The split() method is useful for many text manipulation tasks, including:

  • Parsing CSV or TSV files into arrays or objects.
  • Splitting a URL string into its component parts (protocol, hostname, path, etc).
  • Breaking up a long string of text into smaller, more manageable chunks.
  • Separating individual values in a string of data.

Points

  • The split() method returns an of substrings.
  • The split() method does not modify the original string.
  • The separator argument can be a single character, a string, or a regular expression.
  • The limit argument specifies the maximum number of splits that should be performed.
  • If the separator argument is omitted, the returned array will contain a single element which is the original string.

Summary

The split() method is a powerful tool for breaking up a string into an array of substrings. It is useful for parsing text data and for performing text manipulations on a string. With its flexible syntax and optional arguments it is a simple and effective method for working with data in JavaScript.

concat()substr()
Published on: