:replace函数,为写自己的js模板做准备 待完善 function

声明&用法

//数组:
var arr=[];//字面量
var arr=new Array();//构造函数
//对象:
var obj={};//字面量
var obj=new Object();//构造函数
//正则:
var regExp=/a/gi;//字面量
var regExp=new RegExp('a','gi');//构造函数 //用法一
var regExp=new RegExp('a','gi');
'abcdefgABCDEFGabcdefg'.replace(regExp,"~");
'~bcdefg~BCDEFG~bcdefg'
//用法二
'abcdefgABCDEFGabcdefg'.replace(/a/gi,"~");
'~bcdefg~BCDEFG~bcdefg'

global ignore 选项

//global用于所有字符串,而非在找到第一个匹配项时停止
//ignore 忽略大小写进行匹配
'abcdefgABCDEFGabcdefg'.replace(/b/,"~"); //"a~cdefgABCDEFGabcdefg"
'abcdefgABCDEFGabcdefg'.replace(/b/g,"~"); //"a~cdefgABCDEFGa~cdefg"
'abcdefgABCDEFGabcdefg'.replace(/b/i,"~"); //"a~cdefgABCDEFGabcdefg"
'abcdefgABCDEFGabcdefg'.replace(/b/gi,"~");//"a~cdefgA~CDEFGa~cdefg"

正则的懒惰 贪婪

//懒惰 

//贪婪

$ 字符的含义。

//$&匹配项的文本
'abcdefgABCDEFGabcdefg'.replace(/b/,"$&");
"abcdefgABCDEFGabcdefg"
'abcdefgABCDEFGabcdefg'.replace(/b/,"$&---");
'ab---cdefgABCDEFGabcdefg' //$`匹配项左侧的文本
'abcdefgABCDEFGabcdefg'.replace(/b/,"$`");
"aacdefgABCDEFGabcdefg" //$' 匹配项右侧的文本 (一直到右侧完,不会到下个匹配项就停止)
'abcdefgABCDEFGabcdefg'.replace(/b/,"$'");
"acdefgABCDEFGabcdefgcdefgABCDEFGabcdefg" 'abcdefgABCDEFGabcdefg'.replace(/b/g,"$'");
"acdefgABCDEFGabcdefgcdefgABCDEFGacdefgcdefg" //$$ $字符
'abcdefgABCDEFGabcdefg'.replace(/b/,"$$");
"a$cdefgABCDEFGabcdefg" //$n
$1 ..$99 一个正则中的分组,具体一个匹配项(全局可能多个匹配项)中的 第几组匹配到的东西。关于分组
分组:正则的 具体一个匹配项(全局可能多个匹配项)中的()个数,$1代表具体一个匹配项中的第一个()匹配的内容...
'abcdefgABCDEFGabcdefg'.replace(/(b)/,"$&---");
"ab---cdefgABCDEFGabcdefg"
'abcdefgABCDEFGabcdefg'.replace(/(b)/,"$1---");
"ab---cdefgABCDEFGabcdefg"
//$2没匹配到时,就把$2关键字当普通字符串
'abcdefgABCDEFGabcdefg'.replace(/(b)/,"$2");
"a$2cdefgABCDEFGabcdefg" //关于分组几个括号,几个分组。下面例子c虽然匹配,但不是$2
'abcdefgABCDEFGabcdefg'.replace(/(b)c/gi,'(#$1#$2)');
"a(#b#$2)defgA(#B#$2)DEFGa(#b#$2)defg"
'abcdefgABCDEFGabcdefg'.replace(/(b)(c)/gi,'(#$1#$2)');
"a(#b#c)defgA(#B#C)DEFGa(#b#c)defg" 'abcdefgABCDEFGabcdefg'.replace(/(b)(c)/,"$&---");
"abc---defgABCDEFGabcdefg"
'abcdefgABCDEFGabcdefg'.replace(/(b)(c)/,"$1---$2???");
"ab---c???defgABCDEFGabcdefg" 'abcdefgABCDEFGabcdefg'.replace(/(b)(c)/gi,"$&---");
"abc---defgABC---DEFGabc---defg"
'abcdefgABCDEFGabcdefg'.replace(/(b)(c)/gi,"$1--$2??");
"ab--c??defgAB--C??DEFGab--c??defg"

* +正则在函数match replace中的匹配次数 问题 ?

// + *的区别
'a-b-c'.match(/\w*/g)
["a", "", "b", "", "c", ""]
'a-b-c'.match(/\w+/g)
["a", "b", "c"]
//分组中* +组合
'abc12345'.match(/([^\d]*)(\d+)/g)
["abc12345"]
'abc12345'.match(/([^\d]*)(\d*)/g)
["abc12345", ""] reg = /[^/]+/;
'/ab'.match(reg)//["ab"]
reg = /([^/]+)/;
'/ab'.match(reg)//["ab","ab"]

replace(regExp,function(){})的使用

循环(匹配次数):regExp的匹配选项后

字符集[]中,不会出现两位数。

//[]中,不会出现两位数
//匹配18-65
var reg = /[18-65]/;//Invalid regular expression: /[18-65]/: Range out of order in character class
reg = /(18|19)|([2-5]\d)|(6[0-5])/;//我们拆成3部分来匹配 18-19 20-59 60-65
reg.test('50')//true
//匹配 8-12
reg = /[8-9]|(1[0-2])/;
reg.test('8')//true

字符集[]中,字符没有特殊含义 像\w \d这样的还是有特殊含义

//  '/'不需要\/
reg = /[^/]+/;
'/ab'.match(reg)//["ab"] // '.'代表'.'
reg = /./;
'b'.match(reg)//["b"]
reg = /[.]/;
'b'.match(reg)//null
reg = /[.]/;
'.'.match(reg)//["."] // '\d'代表0-9之间的任意一个数字
reg = /[\d]/;
'ssss'.match(reg)//null
reg = /[\d]/;
'\d'.match(reg)//null
reg = /[\d]/;
'12'.match(reg)//["1"]
reg = /[\d]/g;
'12'.match(reg)//["1","2"]

分组&分组中的捕获和非捕获

//分组内嵌套分组,从外到内依次赋值给$n引用
"ssass".match(/a((s)s)/,(...args)=>{console.log(args)})//"ass", "ss", "s"
"ssass".match(/a((s)s)/,(all,$1,$2)=>{console.log(all,$1,$2)})
//非捕获,不会将分组,赋值给$n引用,这里的(?:s)不会赋值给$2
"ssass".match(/a((?:s)s)/,(...args)=>{console.log(args)})//["ass", "ss", index: 2, input: "ssass"]
"ssass".match(/a((?:s)s)/,(all,$1,$2)=>{console.log(all,$1,$2)})//["ass", "ss", index: 2, input: "ssass"]

基础正则

============================================正则表达式基础知识==============================================
^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a"
$ 匹配一个输入或一行的结尾,/a$/匹配"An a",而不匹配"an A"
* 匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa
+ 匹配前面元字符1次或多次,/ba+/将匹配ba,baa,baaa
? 匹配前面元字符0次或1次,/ba?/将匹配b,ba
(x) 匹配x保存x在名为$1...$9的变量中
x|y 匹配x或y
{n} 精确匹配n次
{n,} 匹配n次以上
{n,m} 匹配n-m次
[xyz] 字符集(character set),匹配这个集合中的任一一个字符(或元字符)
[^xyz] 不匹配这个集合中的任何一个字符
[\b] 匹配一个退格符
\b 匹配一个单词的边界
\B 匹配一个单词的非边界
\cX 这儿,X是一个控制符,/\cM/匹配Ctrl-M
\d 匹配一个字数字符,/\d/ = /[0-9]/
\D 匹配一个非字数字符,/\D/ = /[^0-9]/
\n 匹配一个换行符
\r 匹配一个回车符
\s 匹配一个空白字符,包括\n,\r,\f,\t,\v等
\S 匹配一个非空白字符,等于/[^\n\f\r\t\v]/
\t 匹配一个制表符
\v 匹配一个重直制表符
\w 匹配一个可以组成单词的字符(alphanumeric,这是我的意译,含数字),包括下划线,如[\w]匹配"$5.98"中的5,等于[a-zA-Z0-9]
\W 匹配一个不可以组成单词的字符,如[\W]匹配"$5.98"中的$,等于[^a-zA-Z0-9]。 \d : 0-9之间的任意一个数字 \d只占一个位置
\w : 数字,字母 ,下划线 0-9 a-z A-Z _
\s : 空格或者空白等
\D : 除了\d
\W : 除了\w
\S : 除了\s
. : 除了\n之外的任意一个字符
\ : 转义字符
| : 或者
() : 分组
\n : 匹配换行符
\b : 匹配边界 字符串的开头和结尾 空格的两边都是边界 => 不占用字符串位数
^ : 限定开始位置 => 本身不占位置
$ : 限定结束位置 => 本身不占位置
[a-z] : 任意字母 []中的表示任意一个都可以
[^a-z] : 非字母 []中^代表除了
[abc] : abc三个字母中的任何一个 [^abc]除了这三个字母中的任何一个字符

javascript:正则大全的更多相关文章

  1. 【JS】javascript 正则表达式 大全 总结

    javascript 正则表达式 大全 总结 参考整理了一些javascript正则表达式 目的一:自我复习归纳总结 目的二:共享方便大家搜索 微信:wixf150 验证数字:^[0-9]*$ 验证n ...

  2. JavaScript资源大全中文版(Awesome最新版--转载自张果老师博客)

    JavaScript资源大全中文版(Awesome最新版)   目录 前端MVC 框架和库 包管理器 加载器 打包工具 测试框架 框架 断言 覆盖率 运行器 QA 工具 基于 Node 的 CMS 框 ...

  3. JavaScript正则实战

    *:first-child { margin-top: 0 !important; } .markdown-body>*:last-child { margin-bottom: 0 !impor ...

  4. 我也谈javascript正则匹配

    一.javascript 正则全局匹配 g 慎用test()方法 来个例子: var a = /^[a-z]+/gi; a.test('bb123'); //true a.lastIndex ; // ...

  5. javascript函数大全

    JavaScript函数大全 1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->( ...

  6. JavaScript正则式入门

    正则式 正则表达式,又称规则表达式.(英语:Regular Expression,在代码中常简写为regex.regexp或RE),计算机科学的一个概念.正则表通常被用来检索.替换那些符合某个模式(规 ...

  7. JavaScript 正则

    元字符 预定义类 边界 ^在中括号中时,匹配非hello的 str = 'hello world' str.match(/[^hello]/g) //[" ", "w&q ...

  8. javascript开源大全

    javascript开源大全 Ajax框架-jQuery 可视化HTML编辑器-CKEditor 国产jQuery-UI框架-(jUI)-DWZ 网页开发FireFox插件-Firebug 服务器端的 ...

  9. JavaScript正则中\1\2的作用

    一.示例 1. 验证6个相同的数字 var reg = new RegExp(/^(\d)\1{5}/g); var a = '333333'; if(reg.test(a)) { alert('ri ...

随机推荐

  1. Visual Studio工具栏中无法选择调试设备

    Visual Studio工具栏中无法选择调试设备 在Visual Studio工具栏中,默认显示已经识别的设备.用户可以从中选择对应的设备,进行调试和部署App.但是由于误操作,可能导致该选项丢失. ...

  2. 试听笔记:技术狂人nodejs

    nodejs概念: 让javascript运行在服务端的开发平台.不是一种语言,不是框架,不是库.特点:单线程异步.事件驱动. PHP.JAVA既是语言也是平台. 创始人:Ryan nodejs cm ...

  3. 【原】iOS学习18之OC内存管理高级

    1.属性的内存管理 1> 属性的语义特性 2> assign下的属性内部实现 @property (nonatomic, assign) NSString *name; @synthesi ...

  4. hdu1019 Least Common Multiple

    Problem Description The least common multiple (LCM) of a set of positive integers is the smallest po ...

  5. URAL 1203. Scientific Conference(瞎搞)

    题目链接 本来觉得这不是经典的贪心吗..果断水一次,wa了,看了看discuss,发现貌似不好水,土土的DP了一下,复杂度很高了,又T了...然后想想单调队列,二分什么的...不好往上加,直接搞了标记 ...

  6. lsof用法简介

    lsof:一个功能强大的命令 lsof命令的原始功能是列出打开的文件的进程,但LINUX下,所有的设备都是以文件的行式存在的,所以,lsof的功能很强大!  [root@limt01 ~]# lsof ...

  7. C语言break和continue

    break和continue C语言中有有两种结束循环的关键字:break和continue #include <stdio.h> #include <stdlib.h> in ...

  8. js正则表达式校验非负整数:^\d+$ 或 ^[1-9]\d*|0$ 【转载】

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. VS2010 C++环境下DLL和LIB文件目录及名称修改

    VS2010 C++环境下DLL和LIB文件目录及名称修改 转自:http://blog.csdn.net/archielau/article/details/8507581 DLL工程,Debug版 ...

  10. 如何使用命令行编译以及运行java文件

    要想编译和运行java文件,很简单,只需要两个命令: (1) javac:作用:编译java文件:使用方法: javac Hello.java ,如果不出错的话,在与Hello.java 同一目录下会 ...