str.split()函数解析

发布时间：2023-05-11

一、概述

JavaScript中的字符串（String）是不可变的，也就是说，一旦创建，就无法更改其内容。因此，为了处理字符串，JavaScript提供了一系列的内置方法。其中之一就是split()函数。 split()方法用于将一个字符串划分为一个字符串数组。该方法将一个字符串拆分成一个子串数组，然后返回这个数组。你可以指定一个分隔符，例如逗号或空格符，用来划分子字符串。如果没有指定分隔符，该方法返回一个包含整个字符串的数组。split()方法的语法如下：

string.split([separator[, limit]])

其中，第一个参数separator为分隔符，可以是字符串或正则表达式。第二个参数limit为返回的数组元素个数上限。如果不传递第二个参数或传递undefined，则返回整个字符串的数组表示。

二、基础用法

最基本的使用方法就是传递一个字符串作为分隔符：

var str = "apple,banana,orange";
var arr = str.split(",");
console.log(arr); // ["apple", "banana", "orange"]

上例中，使用逗号作为分隔符，将字符串划分为一个数组。

三、使用正则表达式

如果要将字符串按照比较复杂的规律分割，可以使用正则表达式作为分隔符：

var str = "a1b2c3d4";
var arr = str.split(/\d/);
console.log(arr); // ["a", "b", "c", "d", ""]

上例中，使用/\d/作为分隔符，表示要以数字为分割依据。因此，字符串被切分成了一个数组 ["a", "b", "c", "d", ""]。最后一个元素为一个空字符串，是因为字符串末尾没有数字，因此在该位置被分隔。

四、限制返回的数组元素数量

split()方法的第二个可选参数limit，用于设置返回的结果数组的最大长度。

var str = "apple,banana,orange";
var arr1 = str.split(",", 2);
var arr2 = str.split(",", 1);
console.log(arr1); // ['apple', 'banana']
console.log(arr2); // ['apple']

上文中，参数2指定返回数组长度不超过2。结果为 ['apple', 'banana']。参数1指定只返回数组第一个元素，结果为['apple']。

五、处理特殊情况

在使用split()方法时，需要注意一些特殊情况的处理。 当字符串中有连续的分隔符时，split()会忽略空字符串元素。例如：

var str = "apple,,,banana,orange";
var arr = str.split(",");
console.log(arr); // ["apple", "", "", "banana", "orange"]

上例中，使用逗号作为分隔符，将包含连续逗号的字符串划分为数组。由于有连续的逗号，因此数组中有两个空字符串元素。 当字符串中只有一个分隔符时，split()会返回两个元素，第一个元素是分隔符前的空字符串，第二个元素是分隔符后的字符串。例如：

var str = ",apple";
var arr = str.split(",");
console.log(arr); // ["", "apple"]

上例中，只有一个逗号作为分隔符，会返回两个元素，第一个元素是空字符串。这是因为字符串开头就有一个分隔符，split()方法会认为这个空字符串表示的是分隔符前的一个空字符串元素。

六、结论

无论从语法角度还是使用角度来看，split()函数都是一项十分实用的基础函数，也是JS中不可或缺的一部分。在实际项目中的某些处理中，常常需要处理文本中的一些格式或者关键字划分等工作，这时split()函数能够大大提升开发效率。

推荐文章