一 什么是正则表达式
// 正则表达式(regular expression)是一个描述字符模式的对象;
// JS定义RegExp类表示正则表达式;
// String和RegExp都定义了使用正则表达式进行强大的模式匹配文本检索与替换的函数; 二 创建正则表达式
1.创建正则表达式
// JS提供了两种方法创建正则;一种是采用new运算符,另一种是采用字面量方式;
(1).var box = new RegExp('box'); // 第一个参数是字符串;
var box = new RegExp('box','ig'); // 第二个参数是可选模式修饰符;
(2).var box = /box/; // 直接使用两个反斜杠;
var box = /box/ig; // 添加模式修饰符; 2.RegExp对象测试正则表达式
// RegExp对象包含两个方法:test()和exec();功能基本相似,用于测试字符串匹配;
(1).test():在字符串中查找是否存在指定的正则表达式并返回布尔值;
// test()实例
var pattern = new RegExp('box','i'); // 创建正则;
var str = 'This is a Box!'; // 创建字符串;
alert(pattern.test(str)); // 通过test()方法验证是否匹配;
// 使用一条语句实现正则匹配;
alert(/box/i.test('This is a box!'));
(2).exec():在字符串中查找指定正则表达式,若成功,则返回包含该查找字符串的相关信息数组;若失败,返回null;
exec()实例
var pattern = /box/i;
var str = 'This is a Box!';
alert(pattern.exec(str)); // 匹配返回了数组; 3.String对象测试正则表达式
(1).match(pattern):返回pattern中的子串或null;
// math()方法获取匹配数组;
var pattern = /box/ig;           //开启了全局
var str = 'This is a Box!,That is a Box too!';
alert(str.match(pattern)); // 得到数组:[Box,Box]
(2).search(pattern):返回字符串中pattern开始位置;
var pattern = /box/ig;
var str = 'This is a Box!,That is a Box too!';
console.log(str.search(pattern)); // 10;search()查找到即返回,否则返回-1;
(3).replace(pattern,replacement):用replacement替换pattern;
var pattern = /box/ig;
var str = 'This is a Box!,That is a Box too';
console.log(str.replace(pattern,'Tom')); // 将Box替换成了Tom;
(4).split(pattern):返回字符串按指定pattern拆分的数组;
var pattern = / /ig;
var str = 'This is a Box!, That is a Box too.';
console.log(str.split(pattern)); // 将空格拆开分组成数组; 三 获取控制
// 正则表达式元字符是包含特殊含义的字符;
// 它们有一些特殊功能,可以控制匹配模式的方式;
// 反斜杠后的元字符将失去其特殊含义; 1.元字符/元符号 匹配情况
// 字符类:单个字符和数字
. 匹配除换行符外的任意字符;
[a-z0-9]      匹配括号中的字符集中任意字符;
[^a-z0-9]       匹配不在括号中的字符集中的字符;
\d 匹配数字;
\D 匹配非数字;
\w 匹配字母和数字及_
\W 匹配非字母和数字及_
// 字符类:空白字符
\0 匹配null字符;
\b 匹配空格字符;
\f 匹配进纸字符;
\n 匹配换行符;
\r 匹配回车字符;
\t 匹配制表符;
\s 匹配空白字符/空格/制表符和换行符;
\S 匹配非空白字符;
// 字符类:锚字符;
^ 行首匹配;
$ 行尾匹配;
// 字符类:重复字符;
x? 匹配0个或1个x;
x* 匹配0个或任意多个x
x+ 匹配至少一个x;
(xyz)+ 匹配至少一个(xyz);
x{m,n} 匹配最少m个,最多n个x;
// 字符类:替代字符;
this|where|logo 匹配this或where或logo中任意一个;
// 字符类:记录字符;
$1 匹配第一个分组中的内容;
实例:
pattern = /g..gle/; // ".":匹配任意一个字符;
pattern = /g.*gle/; // ".*":匹配0个或任意多个字符;
pattern = /g[a-z]*gle/; // [a-z]*:匹配任意个a-z中的字符;
pattern = /g[^0-9]*gle/; // [^0-9]*:匹配任意个非0-9的字符;
pattern = /[a-z][A-Z]+/; // [A-Z]+:匹配A-Z中的字符一次或多次
pattern = /g\w*gle/; // \w*:匹配任意多个所有字符数字及_;
pattern = /google\d*/; // \d*:匹配任意多个数字;
pattern = /\D{7,}/; // \D{7,}:匹配至少7个非数字;
pattern = /^google$/; // "^":从开头匹配;"$":从结尾匹配;
var pattern = /8(.*)8/;
var str = 'This is 8google8';
str.match(pattern);
console.log(RegExp.$1); // 得到第一个分组里的字符串内容; 2.贪婪和惰性
+ +?
? ??
* *?
{n} {n}?
{n,} {n,}?
{n,m} {n,m}?
var pattern = /[a-z]+?/; //"?":关闭了贪婪匹配,只替换了第一个;
var str = 'abcdefg';
alert(str.replace(pattern,'xxx')); // =>xxxdefg; // 使用exec返回数组
var pattern = /^[a-z]+\s[0-9]{4}$/i;
var str = 'google 2015';
alert(pattern.exec(str)[0]); // 返回整个字符串=>google 2015; var pattern = /^[a-z]+/i;
var str = 'google 2015';
alert(pattern.exec(str)); //返回匹配到的字母=>google; // 使用特殊字符匹配;
var pattern = /\.\[\/b\]/;
var str = '.[/b]';
alert(pattern.test(str)); // 使用换行模式
var pattern = /^\d+/mg;
var str = '1.baidu\n2.google\n3.bing';
var result = str.replace(pattern,"#");
alert(result); // #.baidu #.google #.bing; 四 常用的正则
1.检查邮政编码
// 共6位数字,第一位不能为0;
var pattern = /[1-9][0-9]{5}/;
var str = '224000';
alert(pattern.test(str)); 2.检查文件压缩包
// 数字+字母+_+.+zip|rar|gz
var pattern = /[\w]+\.zip|rar|gz/;
var str = '123.zip';
alert(pattern.test(str)); 3.删除多余空格
var pattern = /\s/g; // 必须全局,才能全部匹配;
var str = '111 222 333';
var result = str.replace(pattern,""); 4.删除首尾空格
var pattern = /^\s+/; // 强制首;
var str = ' goo gle ';
var result = str.replace(pattern,""); // 删除行首空格;
pattern = /\s+$/; // 强制尾;
result = result.replace(pattern,""); // 删除行尾空格; 5.简单的电子邮件验证
var pattern = /^([a-zA-Z0-9_\.\-]+)@([a-zA-Z0-0_\.\-]+)\.([a-zA-Z]{2,4})$/;
var str = 'abc123.com@gmail.com';
alert(pattern.test(str));

JavaScript--正则表达式(笔记)的更多相关文章

  1. Javascript正则表达式笔记

    一.字符类 将单独的直接字符放进[]内,就组成了字符类.一个字符类和它所包含的任何字符都匹配. 例如:/[abc]/ 与abc三个字母的任意一个匹配. 同时,还可以定义否定字符类.利用^字符.例如:/ ...

  2. Javascript 正则表达式笔记2

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  3. Javascript 正则表达式笔记

    \d 元字符 + 量词 \w 常用的字符a-zA-Z0-9 .除回车之外的字符 ?0-1个字符 量词 只有前面是元字符,才变现量词 * 0-n 量词 /^\d+$/ 以字符开头,义字符结尾 [0-9] ...

  4. 慕课笔记-JavaScript正则表达式

    目录 慕课笔记-JavaScript正则表达式笔记 概述 RegExp对象 修饰符 元字符 字符类 范围类 预定义类 预定义字符 边界 量词 贪婪模式 分组 或(使用竖线表示) 反向引用 忽略分组 前 ...

  5. JavaScript正则表达式学习笔记(二) - 打怪升级

    本文接上篇,基础部分相对薄弱的同学请移步<JavaScript正则表达式学习笔记(一) - 理论基础>.上文介绍了8种JavaScript正则表达式的属性,本文还会追加介绍几种JavaSc ...

  6. javascript正则表达式 - 学习笔记

    JavaScript 正则表达式 学习笔记 标签(空格分隔): 基础 JavaScript 正则表达式是用于匹配字符串中字符组合的模式.在javascript中,正则表达式也是对象.这些模式被用于Re ...

  7. web前端学习(四)JavaScript学习笔记部分(10)-- JavaScript正则表达式

    1.JavaScript正则表达式课程概要 方便查找字符串.数字.特殊字串等等 2.正则表达式的介绍 RegExp是正则表达式的缩写 当检索某个文本时,可以使用一种模式来描述要检索的内容.RegExp ...

  8. JavaScript基础笔记一

    一.真假判断 真的:true.非零数字.非空字符串.非空对象 假的:false.数字零.空字符串.空对象.undefined 例: if(0){ alert(1) }else{ alert(2) } ...

  9. JavaScript 重点笔记

    JavaScript 重点笔记 ## 数组 // 必须掌握 - arr.length:获取数组元素的长度 - arr.splice(起始位置,长度):从数组中添加或删除元素. - arr.indexO ...

  10. javascript学习笔记(四) Number 数字类型

    数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数  toExponential() 方法 用科学 ...

随机推荐

  1. 分享一个导出Excel时页面不跳转的小技巧

    今天在点击客户档案导出的时候,发现先是打开了一个新标签,然后新标签自动关掉,弹出一个文件下载确认的窗口,点击确认后开始下载导出的Excel文件.这样的过程感觉窗口闪来闪去,而且可能会给用户带来困惑,是 ...

  2. J2EE(java)后台调用ArcGIS Engine(AE)的部署和代码

    arcgis的BS开发解决方案一直是个坑,主推的地图服务查询速度慢,需要异步,功能少.相对来说主要用于CS的AE功能更强大全面,只是部署有点复杂 本文软件环境: win7 sp1 64位 MyEcli ...

  3. 我的javascript学习之路(一)对象之基础

    做了2个多月的ajax项目,对js的学习觉得了深入了不少,把自己的一些学习的经验贴出来,希望对初学者有所帮助,也希望大家能指出我的错误之处或者不当之处. javascript 是基于对象的语言,为什么 ...

  4. UVALive 4223 Trucking 二分+spfa

    Trucking 题目连接: https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8& ...

  5. Codeforces Gym 100015H Hidden Code 暴力

    Hidden Code 题目连接: http://codeforces.com/gym/100015/attachments Description It's time to put your hac ...

  6. C# 图片裁剪代码

    /// <summary> /// 缩小裁剪图片 /// </summary> /// <param name="int_Width">要缩小裁 ...

  7. linux C(hello world)

    1.使用vi/vim进行编写代码并保存为hello_world.c.如下: /* This is my first C program*/ #include <stdio.h> int m ...

  8. [CSS] Introduction to CSS Columns

    Learn how to use CSS columns to quickly lay out fluid columns that are responsive, degrade gracefull ...

  9. [AngularJS] Using the Angular scope $destroy event and method

    With Angular scopes, you have access to a $destroy event that can be used to watch $scope events. Th ...

  10. &quot;undefined reference to&quot; 问题解决方法

    近期在Linux下编程发现一个诡异的现象,就是在链接一个静态库的时候总是报错,类似以下这种错误: (.text+0x13): undefined reference to `func' 关于undef ...