正则表达式

正则表达式的定义

正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。

正则表达式的作用

给定的字符串是否符合正则表达式的过滤逻辑(匹配)

可以通过正则表达式,从字符串中获取我们想要的特定部分(提取)

强大的字符串替换能力(替换)

正则表达式的特点

灵活性、逻辑性和功能性非常的强

可以迅速地用极简单的方式达到字符串的复杂控制

对于刚接触的人来说,比较晦涩难懂

2.正则的组成

常用元字符

正则表达式 

 限定符

正则表达式

正则表达式 

其他符号

[ ] 字符串用中括号括起来,表示匹配其中的任一字符,相当于或的意思 [0-9]

[^]  匹配除中括号以内的内容

\ 转义符:\ 主要是用法是在正则表达式中的特殊符号转换为它本身的意思

| 或者,选择两者中的一个。注意|将左右两边分为两部分,而不管左右两边有多长多乱

() 从两个直接量中选择一个,分组

eg:gr(a|e)y匹配gray和grey

[\u4e00-\u9fa5]  匹配汉字

3、创建正则对象

(1)、字面量创建

  var reg1 = /\d/;

(2)、构造函数创建

 var regObj1 = new RegExp(/\w/);

4、正则匹配

RegExp.prototype.test()

语法:regexObj.test(str)

参数:str 用来与正则表达式匹配的字符串

返回值:如果正则表达式与指定的字符串匹配 ,返回true;否则false

5、正则提取

String.prototype.match()

语法:str.match(regexp)

参数:regexp

一个对象。如果传入一个非正则表达式对象,则会隐式地使用 new RegExp(obj) 将其转换为一个  。如果你没有给出任何参数并直接使用match() 方法 ,你将会得到一 个包含空字符串的  :["       "] 。

返回值:

如果使用g标志,则将返回与完整正则表达式匹配的所有结果(Array),但不会返回捕获组,或者未匹配 null。

如果未使用g标志,则仅返回第一个完整匹配及其相关的捕获组(Array)。 在这种情况下,返回的项目将具有如下所述的其他属性,或者未匹配 null。

附加属性:

如上所述,匹配的结果包含如下所述的附加特性。

groups: 一个捕获组数组 或 (如果没有定义命名捕获组)。

index: 匹配的结果的开始位置

input: 搜索的字符串.一个,其内容取决于global(g)标志的存在与否,如果未找到匹配则为。

正则表达式

 

6.正则替换

String.prototype.replace()

替换值可以是一个字符串或者一个每次匹配都要调用的回调函数。

原字符串不会改变。

语法:str.replace(regexp|substr, newSubStr|function)

参数:regexp (pattern)

参数:regexp (pattern)

一个 RegExp对象或者其字面量。该正则所匹配的内容会被第二个参数的返回值替换掉。

substr (pattern)

一个将被 newSubStr 替换的 。其被视为一整个字符串,而不是一个正则表达式。仅第一个匹配项会被替换。

newSubStr (replacement)

用于替换掉第一个参数在原字符串中的匹配部分的。该字符串中可以内插一些特殊的变量名。参考下面的。

function (replacement)

一个用来创建新子字符串的函数,该函数的返回值将替换掉第一个参数匹配到的结果。参考下面的。

返回值:

一个部分或全部匹配由替代模式所取代的新的字符串。

6.HTML5的web存储

    cookie 会在客户端和服务端来回传输 数据量较小 几k

    localStorage 数据量大一些,几M 除非手动删除否则一直存在

    sessionStorage 数据量大一些,几M 只要关闭页面就不存在了

    保存数据:localStorage.setItem(key,value);

    读取数据:localStorage.getItem(key);

    删除单个数据:localStorage.removeItem(key);

    删除所有数据:localStorage.clear();

    得到某个索引的key:localStorage.key(index); 

正则表达式

 7、函数的防抖(debounce)与节流(throttle)

频繁触发事件

函数防抖(debounce)

节流(throttle)

  

上一篇:localStorage和sessionStorage与cookie


下一篇:网络过程的优化