JavaScript学习笔记整理Day10

一.正则表达式(规则表达式)

  定义:使用单个字符串来描述、匹配一系列符合某个语法规则的字符串搜索模式

二.正则表达式的作用

  操作字符串是正则的唯一作用(验证用户名,验证电话号码,验证密码等表单元素。。。)

三.正则表达式的声明

  1.使用直接量

  2.使用构造函数

  3.转换函数

四.使用JavaScript进行正则验证

  步骤一:准备字符串

  步骤二:准备正则表达式

  步骤三:执行匹配

     //第一步: 准备字符串
        var str = ‘abcdef‘;
        //第二步:  准备正则表达式
        var reg = /b/;
        //第三步: 执行匹配  (使用字符串的方法 match)
        var result = str.match(reg);
        console.log(result);

五.字符类:

  1.[abcdef]可选列表,只能是原子列表中的一个字符

  2.[7-9]   多选列表(连字符),7-9之间的数字

  3.\u2E80--\u9fff  所有的文字包括日语韩语等

  4.[^7-9] 取反,不是7-9之间的数字

  5.\d 匹配所有数字

  6.\D 匹配所有非数字

  7.\w  匹配所有的数字 字母 下划线

  8.\W  匹配所有的非数字 字母 下划线

  9.\s  匹配所有的空白字符

  10.\S  匹配所有的可见字符

  11.  . 匹配所有的字符 除了\r  \n

六.正则重复(修饰紧挨着的一个原子)

  1.+  匹配一个或者多个

  2.?  表示0个或者1个

  3.*   表示任意个  0个到多个

  4.{m}   匹配m个

  5.{m,n}  匹配m到n个 小的在前面

七.贪婪和非贪婪模式

  1.贪婪模式(默认)  

     var str = ‘abcccccc‘;
        var reg = /abc{3,5}/; //尽可能多的匹配  匹配5个
        console.log(str.match(reg));

  2.非贪婪模式(使用?)

     var str = ‘abkkkkkkkkkk‘;
        var reg = /abk{2,7}?/;        //2ge
        console.log(str.match(reg));

八.修饰符

  1.选择修饰符   |

  2.模式单元修饰符()

    作用:

      1.将多个原子视为一个原子 str.match(/(abc){1,3}/);

      2.改变优先级

      3.将括号内的内容 反向引用、

        console.log(‘abcaba‘.match(/(a)(b)c\1\2\1/)); 

      4. 取消暂存内存

console.log(‘abcd‘.match(/(a)(?:b)(c)d/));
时间: 2024-08-11 07:37:25

JavaScript学习笔记整理Day10的相关文章

javascript学习笔记整理(数组)

数组是一个可以存储一组或是一系列相关数据的容器. 一.为什么要使用数组. a.为了解决大量相关数据的存储和使用的问题. b.模拟真是的世界. 二.如何创建数组 A.通过对象的方式来创建——var a=new Array(); 赋值方式: 1.直接赋值——var a=new Array(元素1,元素2,元素3,元素4,........) var a=new Array(数值)如果只有一个元素,并且这个元素是数值类型的,那么他就是指定数组的长度并且他的值都是undefined var a=new A

JavaScript学习笔记整理Day15

BOM浏览器对象模型 1.window 2.Location 3.History 4.Screen 5.Navigator 一.window window概述: 1.window是客户端JavaScript的全局对象 2.它表示web浏览器的一个窗口或窗体,并且用标识符window来引用 1.innerHeight 返回窗口的文档显示区高度 IE9以下不兼容 2.innerWidth 返回窗口的文档显示区宽度 IE9以下不兼容 解决方法: //获取窗口的宽高 var width = window

javascript学习笔记整理(事件)

一.事件驱动 1.事件javascript侦测到的用户的操作或是页面的一些行为(怎么发生的) 2.事件源引发事件的元素(发生在谁的身上) 3.事件处理程序对事件处理的程序或是函数 (发生了什么事) 二.事件的分类 1.鼠标事件 onclick 鼠标点击事件 ondblclick     鼠标双击事件 onmousedown     鼠标按下 onmouseup      鼠标松开 onmousemove       鼠标移动 onmouseover         鼠标移入 onmouseout

JavaScript学习笔记整理Day9

一.JavaScript定时器: 1.单次定时:setTimeout(fn,time); 2.多次定时:setInterval(timer); 3.停止单次定时:clearTimeout(timer); 4.停止多次定时:clearInterval(timer); 实例1:使用单次和多次定时写倒计时 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"&g

javascript学习笔记整理(函数)

javascript函数的声明和调用将完成某一特定功能的代码集合起来,可以重复使用的代码块. 一.函数的声明方式(创建) A.基本语法(function  关键字)function 函数名([参数1],[参数2]....){    函数体    [retrun]  //返回值} function a(){ alert(1) }; B.字面量定义的形式(匿名函数)var 变量=function ([参数1],[参数2]....){    函数体    [retrun]  //返回值} var a=

JavaScript学习笔记整理Day4

##函数 ####函数是一段在一起,可以做某件事的程序. ###优点:控制程序设计的复杂性 1. 提高软件的开发可靠性 2. 提高软件的开发效率 3. 提高软件的可维护性 4. 提高程序的重用性 ###JavaScript定义函数的方式 1. function 关键字  function demo(){ code..} 2. 匿名函数  var demo = function(){} 3. Function 构造函数   (不推荐使用) var demo = new Function('a','

javascript学习笔记整理(正则)

RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具 var re=/e/; var re=new RegExp('e'); 正则表达式的 String 对象的方法 1.search---检索与正则表达式相匹配的值(返回值得下标) var a='a1a34b4cd5ef5g'; alert(a.search('a')); 结果:0 alert(a.search(/\d{2}b/g)); 结果:3 2.match---找到一个或多个正则表达式的匹配(返回一个数组) var a='a

javascript学习笔记整理(DOM对象)

DOM--document(html xml) object modle,document对象(DOM核心对象),document对象是 Window 对象的一部分,可通过window.document属性对其进行访问,document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问 1.属性 title--返回或设置当前文档的标题 url--返回当前文档的URL bgColor--设置文档的背景色 fgColor 设置文档的前景色(设置文字颜色) 2.方法 getElementB

javascript学习笔记整理(字符串对象)

一.属性 1.length——字符串的长度(不区分中英文) var a="chen陈"; alert(a.length); //结果:5 2.constructor——对象的构造函数 二.方法 A.获取类型 1.charAt()——返回在指定位置的字符 var a="chen陈"; alert(a.charAt(2)); //结果:e 2.charCodeAt()——返回在指定的位置的字符的Unicode编码 var a="chen陈"; ale