首页 文章详情

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

web前端开发 | 277 2021-12-19 01:14 0 0 0
UniSMS (合一短信)

英文 | 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 字符串





学习更多技能

请点击下方公众号


good-icon 0
favorite-icon 0
收藏
回复数量: 0
    暂无评论~~
    Ctrl+Enter