javascript字符串常用API汇总（二）

javascript字符串常用api用法总结（二）本文介绍了所有可以使用正则字符串的apisearchreplacereplaceAllsplitmatchsearch按正则搜索字符串这个api使用起来很简单，就是搜索符合的字符的起始索引rulesinthestringconstrex=/\w+/conststr='abc123321'console.log(str.search(rex))//3当然也可以用字符串来查找，只能固定查找字符串，并且正则表达式可以指定类型。自然更厉害的是replace和replaceAll字符串按照规则替换constrex=/\w+/conststr='abc123321'console.log(str.replace(rex,'这是数字替换后的内容'))//abc为数字替换后的内容/在使用/replaceAll时需要注意，由于replaceAll是全局替换，rex需要加上全局修饰符constrex2=/\w+/gconststr2='abc123ccb223'console.log(str2.replaceAll(rex2,'555'))//abc555ccb555我在上一篇文章中介绍了这两个方法更详细的用法。有兴趣的可以阅读这篇文章了解String的替换用法。Intoanarrayconststr='a,b,c,d,e,f,g'//根据特定字符拆分字符串conosle.log(str.split(','))//['a','b','c','d','e','f','g']conststr2='a23b4213c5433d213'//按照特定规则拆分字符串console.log(str.split(/\d+/))//['a','b','c','d','']match与split方法相反，将按照规则匹配到的字符串分成数组conststr2='a23b4213c5433d213'//!注意需要Multiple必须加上global修饰符console.log(str2.match(/\d+/g))//['23','4213','5433','213']console.log(str2.match(/\d+/))//['23',索引:1,input:'a23b4213c5433d213',groups:undefined]如果没有全局修饰符，会在数组中添加几个属性。下面是捕获组的演示conststr1='16px'conststr2='16rem'conststr3='16rpx'constrex=/(?[0-9]+)(?[a-z]+)/console.log(str1.match(rex).groups)//{num:'16',unit:'px'}console.log(str2.match(rex).groups)//{num:'16',unit:'rem'}console.log(str3.match(rex).groups)//{num:'16',unit:'rpx'}//这是捕获组的基本用法匹配方法