JavaScript 分割字符串

JavaScript 分割字符串语法

在 JavaScript 中，我们可以使用 split() 方法来根据指定的 “分割符” 来将字符串分割成多个子串，然后将它们作为数组的元素返回。

语法：

str.split(separator, limit)

说明：

split() 方法接收以下 2 个参数。

separator（可选）：可以是一个字符串，也可以是一个正则表达式。如果 separator 省略，则表示将整个字符串当做一个整体进行切割，然后将整个字符串作为数组的一个元素。
limit（可选）：一个非负整数，用于限制字符串分割的最大片段数。

对于 split() 方法，小伙伴们需要注意以下几点。

split() 方法不会修改原字符串，而是返回一个新数组，该数组保存的是所有被分割出来子串。
分割符不会作为数组的一部分返回。

提示: 这一节需要涉及 “数组” 的概念，所以建议小伙伴们跳过这一节，等后面学完了 “JavaScript 数组” 再返回来看一下这一节。因为技术这东西嘛，很多时候两两之间都是有着藕断丝连的关系，而往往一刀切开来介绍是做不到的。了解到这一点非常重要。小伙伴们在学任何技术时，发现有些东西看不懂，继续学下去就对了。学到后面，知识就串起来了，然后返回来再看，之前纠结半天的知识突然就懂了。

JavaScript 分割字符串示例

接下来，我们通过几个简单的例子来讲解 JavaScript 是如何分割字符串的。

示例 1：split() 的基本用法

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <script>
        const str = "apple,banana,cherry";
        const result = str.split(",");
        console.log(result);
    </script>
</body>
</html>

运行结果如下。

["apple", "banana", "cherry"]

分析：

str.split(",") 表示使用 “,”（英文逗号）作为分割符来分隔 str 这个字符串，最后会得到这样一个数组：["apple", "banana", "cherry"]。

示例 2：split(" ")（有空格）

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <script>
        const str = "I like apple";
        const result = str.split(" ");
        console.log(result);
    </script>
</body>
</html>

运行结果如下。

["I", "like", "apple"]

分析：

str.split(" ") 表示使用空格作为分割符，来对 str 进行分割。

示例 3：split("")（无空格）

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <script>
        const str = "apple";
        const result = str.split("");
        console.log(result);
    </script>
</body>
</html>

运行结果如下。

["a", "p", "p", "l", "e"]

分析：

当 split() 的参数是一个空字符串，此时会将字符串每个字符单独分割出来。

示例 4：split() 不带参数

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <script>
        const str = "apple";
        const result = str.split();
        console.log(result);
    </script>
</body>
</html>

运行结果如下。

["apple"]

分析：

当 split() 方法不带参数，此时会将整个字符串作为数组的一个元素返回。

示例 5：split() 限制分割次数

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <script>
        const str = "apple,banana,cherry,date,eggplant";
        const result = str.split(",", 2);
        console.log(result);
    </script>
</body>
</html>

运行结果如下。

["apple", "banana"]

分析：

split(",", 2) 表示使用 “,”（英文逗号）作为分割符，然后只会返回数组的前 2 个元素。