JavaScript学习笔记整理Day11

一.词边界、正向预查、反向预查

  1.词边界

    \b词边界(单词的边界)

    \B非词边界

     //匹配出第二个hello
        var str = ‘hellobaby hello‘;
        var reg = /\bhello\b/;
        console.log(str.match(reg));
        //匹配出第一个 hello
        var reg = /\bhello\B/;
        console.log(str.match(reg));

  2.正向预查(?=后面是。。。。)

        var str = ‘hellobaby helloworld‘;
        //要求匹配出第二个hello
        var reg = /hello(?=world)/;
        console.log(str.match(reg));        

  3.反向预查(?!后面不是。。。)

     var reg = /hello(?!world)/;
        console.log(str.match(reg));

二.字符串边界---用于精确匹配

  1.^以指定字符开头

  2.$以指定字符结尾

var reg = /^[a-zA-Z]\w{5,11}$/;

三.正则表达式修饰符

  1.g 执行全匹配

  2.i执行对大小写不敏感

  3.m执行多行匹配

 var str = ‘Helloworld helloworld‘;
 var reg = /hello/gi;
   console.log(str.match(reg));
 var str = ‘Lorem nihao \rLorem hello‘;

四.用于模式匹配的String方法

  1.match()  正则匹配 返回匹配的内容  数组

  2.search()  查找      返回首次出现的索引     如果不存在返回-1

var str = ‘hello niheao‘;var reg = /e/g;
  console.log(str.search(reg));

  3.split() 使用正则截取字符串 返回数组

var str = ‘border-left-color‘;
var reg = /-/;
var arr = str.split(reg);
        console.log(arr);

  4.replace() 正则替换

var str = ‘hello world, hello baby, hello shabi‘;
        //将字符串中的hello替换成 hi
                    //1. 老字符串 或者 正则
                    //2.  新内容
var newStr = str.replace(‘hello‘,‘hi‘); //只替换一个
        console.log(newStr);

var newStr = str.replace(/hello/g,‘hi‘); //使用正则替换
        console.log(newStr);

五.正则对象的方法

  1.test()  检测是否匹配

var str = ‘abcdef abc hello‘;
var reg = /Q/;
        console.log(reg.test(str));
var reg = /o/;
        console.log(reg.test(str));

  2.exec()  正则匹配 返回匹配的内容 不支持g

var str = ‘hello world, hello baby, hello shabi‘;

 var reg = /hello/;

 console.log(reg.exec(str));

时间: 2024-11-14 12:47:46

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

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学习笔记整理Day10

一.正则表达式(规则表达式) 定义:使用单个字符串来描述.匹配一系列符合某个语法规则的字符串搜索模式 二.正则表达式的作用 操作字符串是正则的唯一作用(验证用户名,验证电话号码,验证密码等表单元素...) 三.正则表达式的声明 1.使用直接量 2.使用构造函数 3.转换函数 四.使用JavaScript进行正则验证 步骤一:准备字符串 步骤二:准备正则表达式 步骤三:执行匹配 //第一步: 准备字符串 var str = 'abcdef'; //第二步: 准备正则表达式 var reg = /b

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