【JavaScript 教程】第五章 字符串06— split()： 将字符串拆分为子字符串数组

英文 | https://www.javascripttutorial.net/

译文 | 杨小爱

在上节，我们学习了如何使用 JavaScript concat()方法连接字符串，错过的小伙伴可以点击文章《【JavaScript 教程】第五章 字符串05— concat()：将多个字符串连接成一个新字符串 》进行学习。

那么，在今天的教程中，我们将一起来学习如何使用 JavaScript split() 方法将字符串拆分为子字符串数组。

JavaScript String split()方法简介

String.prototype.split() 将字符串划分为子字符串数组：

split([separator, [,limit]]);

split() 接受两个可选参数：separator 和 limit。

1) separator

separator确定每个拆分应在原始字符串中出现的位置。separator可以是字符串。或者它可以是一个正则表达式。

如果省略separator或 split() 在字符串中找不到separator， split() 将返回整个字符串。

2) limit

limit为零或正整数，用于指定子字符串的数量。split() 方法将在子字符串数等于limit时停止。

如果limit为零，则 split() 返回一个空数组。如果limit为 1，则 split() 返回一个包含字符串的数组。

请注意，如果 split() 在limit之前到达字符串的末尾，结果数组的条目可能少于限制。

JavaScript split() 示例

让我们举一些使用 split() 方法的例子。

1）将字符串拆分为单词示例

以下示例使用 split() 方法将字符串拆分为单词：

let str = 'JavaScript String split()';
let substrings = str.split(' ');


console.log(substrings);

输出：

["JavaScript", "String", "split()"]

请注意，子字符串中的空格 (‘ ‘) 已被删除。

2) 返回有限数量的子串示例

以下示例使用 split() 方法使用空格分隔符将字符串划分为子字符串。它还使用第二个参数将子字符串的数量限制为两个：

let str = 'JavaScript String split()';
let substrings = str.split(' ',2);


console.log(substrings);

输出：

["JavaScript", "String"]

3) 使用正则表达式示例拆分字符串

以下示例使用 split() 方法将段落中的句子拆分为句子：

let paragraph = 'Good Morning! How are you? This is John. John is my friend.';
let sentences = paragraph.split(/[!,?,.]/);
console.log(sentences);

输出：

["Good Morning", " How are you", " This is John", " John is my friend", ""]

如果正则表达式包含捕获括号 ()，split() 方法也会将匹配的结果包含在数组中：

let paragraph = 'Good Morning! How are you? This is John. John is my friend.';
let sentences = paragraph.split(/([!,?,.])/);
console.log(sentences);

输出：

["Good Morning", "!", " How are you", "?", " This is John", ".", " John is my friend", ".", ""]

请注意 !, ?, . 字符包含在返回的数组中。

总结

• 使用 JavaScript String split() 将字符串按分隔符划分为子字符串数组。

• 使用第二个参数 (limit) 返回有限数量的拆分。

如果你还想学习更多关于字符串的内容，请点击下文链接进行学习。

【JavaScript 教程】第五章 字符串05— concat()：将多个字符串连接成一个新字符串

【JavaScript 教程】第五章 字符串04— padStart() 和 padEnd()

【JavaScript 教程】第五章 字符串03— trim()、trimStart() 和 trimEnd()

【JavaScript 教程】第五章 字符串02— 字符串类型

【JavaScript 教程】第五章 字符串01— JavaScript 字符串

学习更多技能

请点击下方公众号