JavaScript之字符串的常用方法汇总，前端开发网站

可以看到，两种拼接方式没有区别：

值得一提的是，concat可以传入多个字符串，并把它们按照传入的顺序依次拼接在原来的字符串后面，我们举个例子：

这样拼接了三个字符串，我们看看拼好之后是不是我们想的那样：

---

📖 includes(string)

includes(string)方法用于检测本字符串是否包含传入的子字符串string，是则返回true，否则返回false。

我们用一个例子来看看它是怎么用的：

这个例子就和我们平时的一些需求挂钩了，我们定义了一个表示qq邮箱格式的子字符串，之后对每一个邮箱字符串调用includes方法，如果包含qq邮箱格式子字符串，就返回true，于是就形成了一个简单的筛选邮箱格式的功能，运行结果如下：

---

📖 match(regex string)

match(reg_str)方法用于对字符串按照传入的正则表达式进行匹配，并返回匹配的结果的一个对象数组，数组的第一个元素是匹配成功的字符串，其他元素则是对匹配的一些其他信息，若匹配不上，则返回一个空对象。

match方法，我这里就不过多介绍了，它已经在我的另一篇讲**JavaScript正则表达式的博客**中给大家详细的讲解过了，我们用一个例子回顾一下：

可以看到如下运行结果：

由于456@163.com匹配不上，因此返回空对象。

---

📖 replace(old_str,new_str)

replace(old_str,new_str)方法用于对目标字符串执行部分替换功能，被替换的部分是参数old_str，新的部分是new_str，返回替换后的新字符串。

我们用代码演示一下：

我们看一下运行的效果：

这个例子中有一个细节，大家可以看到原来的字符串有两个"跳探戈"，但是最终只有第一个被替换了，第二个还是跳探戈，因此大家要记住这个细节：

replace()方法只会替换第一次出现的符合传入的旧字符串的部分，不会对第二次出现的旧部分进行替换。

---

📖 split(string)

split()方法用于对目标字符串执行以传入的字符或字符串为分隔符的分割工作，分割后形成并一个字符串数组。

其中最常用的是以空格、逗号做分隔符的分割，我们举个例子：

此时arr就是以逗号，为分隔符分割后的字符串数组，我们看看arr打印出来是什么：

此外，分隔符也可以不是单个字符，而是字符串做分隔符，我们再举个例子：

这次不再是一个逗号的字符做分隔符，而是两个逗号形成的字符串分割，我们看一下运行结果：

因此字符串做分隔符执行分割也同样适用。

---

📖 substring(index, index)

substring(start_index,end_index)方法返回在第一个索引start_index到第二个索引end_index - 1之间的字符串，也即返回一个左闭右开区间的字符串。

这个方法大家要好好学习，因为用途特别广，我们举个例子：

注意左开右闭，因此上面的代码实际上把索引值 0 - 2 的字符串部分截了出来，于是运行结果为：

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

从何学起的朋友，同时减轻大家的负担。**

[外链图片转存中…(img-n2nsL0HX-1710877920798)]
[外链图片转存中…(img-m2GhTPCT-1710877920799)]
[外链图片转存中…(img-HJM8zAuL-1710877920800)]
[外链图片转存中…(img-yripMIkD-1710877920800)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-6GRe5Zcn-1710877920801)]