split和正则，保留匹配项

最新推荐文章于 2024-03-11 11:27:59 发布

、昔年

最新推荐文章于 2024-03-11 11:27:59 发布

阅读量360

点赞数

文章标签： javascript split

本文链接：https://blog.csdn.net/weixin_43760969/article/details/127676970

版权

split做字符串转换成数组时候，一般用法是`text.split(keyword)`，例如下面例子，通过字符串`cc`进行字符串切割，得到一个字符串数组

const keyword="cc"
const text="aabbcccddccddcccddcccddcccbjdhuhohochudhhccc"

// 一般split用法,数组会移除匹配项keyword
const targetArr = text.split(keyword)
console.log("%c [ targetArr ]-7", "font-size:13px; background:pink; color:#bf2c9f;", targetArr)

在这里插入图片描述

可以看到，匹配项cc是不hi出现在输出数组targetArr中的

但是有时候，我们需要保留匹配项，例如搜索关键字高亮，需要将`cc`保留在输出数组，这时候可以使用正在与split配合

const keyword="cc"
const text="aabbcccddccddcccddcccddcccbjdhuhohochudhhccc"
const matchReg = RegExp(`(${keyword})`, "ig")

const targetArr = splitTextList = text.split(matchReg)
console.log("%c [  ]-6", "font-size:13px; background:pink; color:#bf2c9f;", targetArr))