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

web前端开发

共 2144字,需浏览 5分钟

 ·

2021-12-19 01:14

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





学习更多技能

请点击下方公众号


浏览 63
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报