Adobe Dreamweaver JavaScript
JavaScript对象总结
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:Adobe Dreamweaver JavaScript
作者:彭锦林
撰写时间:2020年4月28日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
正则表达式:又称规则表达式
英文名为Regular Expression,在代码中常简写为regex、RegExp或RE
正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式,来检查一个字符串是否符合规则,可以将字符中符合规则的内容提取出来
正则表达式是用于进行文本匹配的工具,所以本文里多次提到了在字符串里搜索/查找,这种说法的意思是在给定的字符串中,寻找与给定的正则表达式相匹配的部分。有可能字符串里有不止一个部分满足给定的正则表达式,这时每一个这样的部分被称为一个匹配。匹配在本文里可能会有三种意思:一种是形容词性的,比如说一个字符串匹配一个表达式;一种是动词性的,比如说在字符串里匹配正则表达式;还有一种是名词性的,就是刚刚说到的“字符串中满足给定的正则表达式的一部分”。
假设你在一篇英文小说里查找hi,你可以使用正则表达式hi。这是最简单的正则表达式了,它可以精确匹配这样的字符串:由两个字符组成,前一个字符是h,后一个是i。通常,处理正则表达式的工具会提供一个忽略大小写的选项,如果选中了这个选项,它可以匹配hi,HI,Hi,hI这四种情况中的任意一种。
如:手机号的规则:
首先 13893443823(11位数字)
1.以1开头
2.第二位(3-9)
3.第三位以后任意9个数字
语法: var 变量=new RegExp("正则表达式","匹配模式");
使用typeof检查正则对象,则会返回object
var reg=new RegExp("a"); 这个表达式可以用来检查一个字符串中是否含有字符a
在构造函数中可以传递一个匹配模式作为第二个参数
i 忽略大小写
g 全局匹配
var reg=new RegExp("a","i");
正则表达式的方法:
test()
- 使用这个方法可以用来检查一个字符串中是否符合正则表达式的规则
如果符合则返回true,否则返回false
2. 使用字面量来创建正则表达式
语法: var 变量=/正则表达式/匹配模式
- 使用字面量的方法创建更加简单
- 使用构造函数创建更加灵活
var reg=new RegExp("a","i");//用构造函数创建正则表达式
var reg=/a/i;// 创建一个正则表达式,去检查一个字符串中是否含有a或b或c
reg=/a|b|c/;//使用|表示或则的含义
console.log(reg.test("werwer"));
//创建一个正则表达式,去检查一个字符串中是否含有字母
reg=/a|b|c|d|e|f/;
[] 使用中括号表示范围
[abc] 等价于 a|b|c reg=/[abc]/;
[a-z] 表示匹配所有的小写字母 reg=/[a-z]/;
[A-Z] 表示匹配所有的大写字母 reg=/[A-Z]/i;
[A-z] 表示匹配所有的字母(包含大小写)
[0-9] 表示匹配所有的数字 reg=/[0-9]/;
3. 字符串与正则表达式相关的方法
支持正则表达式的String对象的方法
1.search() - 检索与正则表达式相匹配的值。
例如:
str="hi,him,his,history";
result=str.search(/hi/);
console.log(result);
2.match() - 找到一个或多个正则表达式的匹配。
代表了 Regex类的实例的一次匹配结果,可以通过Regex的Match()实例方法返回一个Match的实例。
3.replace() - 替换与正则表达式匹配的子串。
4.split() - 把字符串分割为字符串数组。该方法可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分。- 该方法即使不指定全局匹配,也会全部拆分字符串
4. macth()
- 可以根据正则表达式,从一个字符串中将符合条件的内容提取出来
- 默认情况下我们的macth只会找到第一个符合要求的内容,找到以后就停止检索
我们可以设置正则表达式为全局匹配模式,这样就会匹配到所有的内容
可以为一个正则表达式设置多个匹配模式,且顺序无所谓
- match()会将匹配到的内容封装到一个数组中返回,即使只查询到一个结果
例如:
str="2234sdfsd汉斯234sddfASDADS";
result=str.match(/[a-z]/ig);
console.log(result);
6. replace()
- 可以将字符串中指定内容替换为新的内容
- 参数说明:
1.被替换的内容
2.新的内容
例如:
str="hi,him,his,history";
result=str.replace(/,/g,"^_^");
console.log(result);
4. 正则表达式语法(量词)
创建一个正则表达式检查一个字符串中是否含有aaa
var reg=/aaa/;
console.log(reg.test("asdfsaaa"));
量词:
- 通过量词可以设置一个内容出现的次数
- 量词只对它前面一个内容起作用
- {n} 出现n次
- {m,n} 出现m次到n次
- {n,} 出现n次以上
- + 至少出现一次
- * 出现零次或则零次以上
- ? 出现一次或则零次
检查一个字符串中是否以a开头
^ 表示开头
$ 表示结尾
5. 正则表达式语法(元字符)
检查一个字符串中是否含有"."
1."."表示匹配任意字符
2.在正则表达式中\反斜杠 作为转义字符
3.若想要匹配字符"."正则表达式为 \.
4.表示匹配一个反斜杠\
var reg=/./;//匹配任意字符
reg=/\./;//匹配“.”
. 表示匹配任意字符
\w 匹配任意字母、数字、"_" 下划线==》[A-z0-9_]
\W 匹配除了字母、数字、"_" 下划线==》[^A-z0-9_]
\d 匹配数字[0-9]
\D 除了数字[^0-9]的任意字符
\s 匹配空格
\S 匹配除了空格的任意字符
\b 匹配单词边界
\B 匹配非单词边界。
创建一个正则表达式检查一个字符串汇总是否含有单词hi
reg=/\bhi\b/;
console.log(reg.test("his,history,him,hi"));