js replace() 方法 的妙用 实现字符的大小写转换

实现字符的大小写转换,首先会想到遍历字符串 比对每一个字符串然后 调用toLocaleUpperCase()...
今天学到一个简便的方法,利用replace方法的第二个参数替换.
stringObject.replace(regexp/substr,replacement)
replace 方法接受两个参数:
1.regexp/substr:子字符串 或正则
2.replacement:替换文本或生成替换文本的函数。
第二个参数可以是生成替换文本的函数:
replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数。接下来的参数是一个整数,声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。
实现字符串内的字符大小写转换:
function caseConvert(str) {
return str.replace(/([a-z]*)([A-Z]*)/g, function (str, sub1, sub2) {
console.log(arguments);//调试用
return sub1.toLocaleUpperCase() + sub2.toLocaleLowerCase();
})
每一次与正则匹配都会执行函数,sub1,sub2分别对应与正则中 子表达式匹配的字符串
打印结果:
demo在线演示:http://demo.crazyming.com/?link=topic/d5/使用replace实现字符的大小写转换.html
版权声明:
作者:东明兄
链接:https://blog.crazyming.com/note/1628/
来源:CrazyMing
文章版权归作者所有,未经允许请勿转载。


共有 0 条评论