<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
window.onload = kk;
/*今天有人问到js replace的问题;
也回去研究了下顺便整理总结下;
如果有整理错了的地方会不完善的话，望及时纠正;
码农扣扣群：2177712,交流学习*/
function kk(){
/*模型stringObj.replace(reg,text)*/
/*↓简单的replace大家应该都明白,就是直接替换reg字符串↓*/
var demoStr = "Hello world";
demoStr = demoStr.replace("world","guys");
/*↑替换world为guys,控制台输出Hello guys↑*/
console.log(demoStr);
/*↓还有一种reg是正则↓*/
demoStr = "我们正在竟赛，他竟然不顾竟赛，竟直朝我们走了过来,中止了竟赛";
/*↑比如上面一篇文章出现了错别字，竞赛打成了竟赛，径直打成了竟直,还出先了多个↑*/
/*↓如果直接replace('竟赛','竞赛')，再replace('竟直','径直')，你会发现只替换了第一个被匹配到的字符串↓*/
console.log(demoStr.replace('竟赛','竞赛').replace('竟直','径直'));
/*↑上面输出--我们正在竞赛，他竟然不顾竟赛，径直朝我们走了过来,中止了竟赛↑*/
/*↓js是没有Java那种replaceAll替换所有的，所以就需要正则了↓*/
console.log(demoStr.replace(/竟赛/g,'竞赛').replace(/竟直/g,'径直'));
/*↑这里用了正则，加个g是全局标志，替换所有匹配到的字符串↑*/
/*↓还可以这样写↓*/
console.log(demoStr.replace(/竟赛|竟直/g,function(str){
return str=="竟赛"?"竞赛":"径直";
}));
/*↑上面这样写确实麻烦了点，只是告诉大家有这种方法，text也可以是函数，每个匹配到的字符串都调用该函数，return的字符串做为替换text使用↑*/
/*一个函数的用处，替换所有单词首字母大写*/
console.log('blue yellow dark'.replace(/\b\w+\b/g,function(str){
return str.substring(0,1).toUpperCase()+str.substring(1);
}));
/*\b是定位符，通常匹配单词的边界*/
/*↓还有一个/i是不区分大小写↓*/
demoStr = "Hello Ok";
console.log(demoStr.replace(/o/g,"d"));
/*↑console -- Helld Ok↑*/
console.log(demoStr.replace(/o/gi,"d"));
/*↑console -- Helld dk↑*/
/*↓$n的用法↓*/
demoStr = "I love you";
/*↓我爱你，为什么你不爱我呢？如何替换为you love I↓*/
console.log(demoStr.replace(/(\w+)\s(\w+)\s(\w+)/,"$3 $2 $1 不行吗？"));
/*↑用()创建子匹配，$1表示从左边第一个括号匹配到的字符串，$2表示第二个。。↑*/
/*↑console you love I 不行吗？(语法不通啊。。。。)↑*/
/*↑/(\w+)\s(\w+)\s(\w+)/ \w匹配字母数字下划线；+匹配前面的表达式一次或多次；\s匹配一个空白字符↑*/
/*基本的用法就是这些了，其实复杂的地方就复杂的正则表达式上，还得继续学习啊*/
/*↓再举几个栗子↓*/
/*↓把首尾字母相同的单词css标红色demoStr可能是取到的一段html，replace后再html(demoStr)↓*/
demoStr = "kick cook look boob";
var reg = /\b(\w)\w*\1\b/g;
console.log(demoStr.replace(reg,function(str){
return "<span color='red'>"+str+"</span>"
}));
/*↑console <span color='red'>kick</span> cook look <span color='red'>boob</span>↑*/
/*↑这里\1类似$1捕获第一个括号内的表达式，即第一个单词↑*/
reg = /^(\d{4})(-)(\d{2})\2(\d{2})$/g;
/*↑匹配YYYY-mm-dd的日期格式;^匹配的是字符串的开头，如果在[]里表示的是非;$匹配的是一行的结尾；同理\2表示第二个括号的-↑*/
console.log("今天是2015-03-31".match(reg));
console.log("2015-03-31是今天".match(reg));
console.log("2015-03-31".match(reg));
/*这里又说到了match,match是检索字符串是否匹配正则，如果不匹配返回的是null,如果匹配的上返回匹配结果的数组，跟reg有没有标志g相关，有兴趣的可以搜搜看*/
/*去html标签*/
demoStr = "<body><div>Let's <span color='red'>go！<span></div> </body>";
console.log(demoStr.replace(/<\/?[^>]*>/g,''));
/*console Let's go！ */
/*解释<就是html标签都有的<;\/是转意的/即html结束标签里的/比如</body>;因为开始标签比如<body>没/所以？表示匹配0次或1次；
[^>]中括号内的^表示非，不匹配中括号内的字符，即不匹配>;
*表示0个或n个；最后再加上>;
正好匹配所有html的标签*/
/*冰山一角，抛砖引玉。码农扣扣群：2177712*/
}
</script>
</head>
<body>
</body>
分享到：
相关推荐
对于从C#返回的日期字段，当进行JSON序列化后，在前台JS里显示的并不是真正的日期，这让我们感觉很不爽，我们不可能为了这东西，把所有日期字段都变成string吧，所以，找了一个JS的扩展方法，来实现这个功能 ...
49.引用一个文件式的JS:<script type="text/javascript" src="aaa.js"> 50.指定在不支持脚本的浏览器显示的HTML:<noscript></noscript> 51.当超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例...
查找字符串的一部分，然后用其他东西替换，9/11/15 凯尔·普拉图（Kyle Pratuch） 描述 查找和替换允许用户键入短语或句子，确定要替换的部分，然后用其他内容替换。 设置 克隆此存储库：运行命令git clone ...
<head> <... charset=gb2312″> <title>javascript 播放器下载导航测试&... ”divcontent” xss=removed>好像没找到你要的东西哦：）</div> [removed] function $(id){return document.getElementById
外部链接JS 永远不要再输入 target="_blank" ！要求JavaScript，没有别的。用法在新窗口中打开所有外部链接在新窗口中打开所有外部链接。 ExternalLinks ( ) ;白名单域定义不应在新窗口中打开的域列表。 External...
工作中很常用的东西： 例1，使数字1111111变成11,111,111.00，保留两位小数。 <html> <head> [removed] function outputmoney(number) { number = number.replace(/\,/g, ); if(isNaN(number) || ...
这是一些随机猫的官方文档。 文件版本（v2.0） 安装 要安装该软件包，您必须确保在您的计算机上安装了node.js。 之后，您可以在要安装软件包的终端中简单地执行npm i some-random-cat或在全局安装npm i some-random...
由于某些字符类非常常用,所以JavaScript的正则表达式语法包含一些特殊字符和转义序列来表示这些常用的类.例如, \s 匹配的是空格符,制表符和其它空白符, \s 匹配的则是空白符之外的任何字符. 正则表灰式的字符类 ...
编写 javascript 单元测试，您可以在其中安全地替换对象属性并在拆卸时撤消替换。 受 perl Test::Resub 和 python redef 的启发 安装 npm install property-replacer 用法 Replacer.replace(object, key, any); --&...
我在服务器端使用这样的东西。 另请查看。 $ left = explode ( "\n" , preg_replace ( '/\r\n|\r/' , "\n" , $ THECONTENTOFFILE_A )); $ right = explode ( "\n" , preg_replace ( '/\r\n|\r/' , "\n" , $ ...
<script type="text/javascript" src="js/ExtCkeditor.js"> <script type="text/javascript"> Ext.onReady(function(){ Ext.QuickTips.init(); // turn on validation errors beside the field globally //Ext...
像这个 jQuery 小例子这样的东西应该能让你朝着正确的方向前进...... <!DOCTYPE html > < html > < head > < script src =" ...
python print(repr(“测试报警，xxxx是大猪头”.decode(“UTF8”).encode(“GBK”)).replace(“\\x”,”%”)) 注意第一个 decode(“UTF8”) 要与文件声明的编码一样。 最开始对这个问题的接触，来自于一个...
我找到了 ，但想要一些客户端的东西。 我已经使它易于编辑或扩展。 主函数使用正则表达式运行 string.replace() 来查找 bbcode。 目前正则表达式会发现： p1 = 开始标签p2 = 起始标签值p3 = 选择标签 1 长度 1-3 p4...
当我使用书签作为长期记忆时，我总是忘记我已经加入书签的东西，并且我一次又一次地搜索相同的东西（并且也将它们加入书签）。 所以我决定编写一个工具，让我在执行深度搜索之前搜索书签中的内容。 实时预览 您可以...
# replace config file rm config.toml cp themes/hugo-rapid-theme/config.yaml . Step4 启动您的网站 # new content hugo new about.md # start server hugo server Step5 玩得开心 现在你可以打开 修改config....
进入FCKeditor文件夹，把所有“_”开头的文件和文件夹删掉，这些都是一些范例，只保留editor文件夹、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml就可以了； 进入editor文件夹，删掉“_source...
如果不认识这三个东西的，建议百度或谷歌一下。 第二个项目用了linq to sql进行对SQL数据库的操作，包括上传图片时对数据库进行插入数据的操作，删除图片时对数据库进行删除的操作，设置"封面图片"时对数据库的操作...
忽略大小写Replace效率瓶颈IndexOf 随机排列算法 理解C#中的委托[翻译] 利用委托机制处理.NET中的异常 与正则表达式相关的几个小工具 你真的了解.NET中的String吗？ .NET中的方法及其调用（一） 如何判断ArrayList,...
二、下面哪段javascript能弹出一个提示框？（ ） A.document.alert(test) B.window.alert(test) C.document.alert('test ') D.window.alert('test ') 三、当鼠标放在一个链接上的css样式应该（ ）伪类来定义。 A.a:...