模式匹配：

什么是模式匹配：可以设置查找或替换的规则！

何时使用模式匹配：要查找的关键字可能发生有规律的变化。

如何使用模式匹配：

1.先定义模式：/关键字/模式

比如：var reg=/no/i;

no 是要查找关键字原文，不加“”  引号

i    表示忽略大小写！

String类型中，提供了专门支持模式匹配的API。

按模式替换关键字：str = str.replace(reg,"新值");

　　默认replace仅替换第一个关键字！

　　要想全局替换，要在模式中定义“g”;

实例如下：

<!DOCTYPE HTML>

<html lang="en-US">

<head>

	<meta charset="UTF-8">

	<title></title>

</head>

<body>

	<script type="text/javascript">

	　　var str="No zuo no die";

	　　var regular = /no/ig ;  //定义一个规则  i 不区分大小写
　　　　　　 //i忽略大小写， g全局查找/替换

	　　str=str.replace(regular,"***");

	　　console.log(str);   //  如果是/no/   小写no替换  /no/i  No替换成***  g全局替换  No  no全部替换

	</script>

</body>

</html>

获得****所有*关键字的**内容**：var kwords = str.match(reg)；

　　　　只能取得关键字的内容，无法确定每个关键字的位置！

kwords.length：返回找到的关键字个数。

**如果为找到，返回null**

只要有可能返回null！都要先判断 ！=null ，再处理~

<!DOCTYPE HTML>

<html lang="en-US">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <script type="text/javascript">

    　　var str="No zuo no die";

    　　var regular = /龙虾/ig ;  //定义一个规则  i 不区分大小写

        var kwords = str.match(regular);   //显示被替换的内容

　　　　　　 //kwords = null

        str=str.replace(regular,"***");

        document.write(kwords+"<br/>");

    　　document.write(str+"<br/>");

        if(kwords!=null){   //  如果是/no/   小写no替换  /no/i  No替换成***  g全局替换  No  no全部替换

            document.write("共替换了"+kwords.length+"处");

                                        //null.length

        }else{

            document.write("未找到");

        }

    　　

    </script>

</body>

</html>

var index = str.search(reg)； 和indexOf完全相同~！  了解就好

indexOf 不支持模式查找！ search其实是indexOf的模式查找版。

Js 模式匹配的更多相关文章

  1. 快速记忆JavaScript中exec和match的使用

    JS模式匹配中exec,match用得非常多,所以掌握其用法对我们进行字符串的处理帮助非常大 1.exec的定义其用法        exec与match主要的不同是,exec是正则表达式里面的方法. ...

  2. [JS高程] 字符串模式匹配方法

    目录 1. RegExp 对象 2. 字符串模式匹配方法 2.1 match() , search() 2.2 replace() 2.2.1 第二个参数为字符串的应用情况 2.2.2 第二个参数为函 ...

  3. js中正则表达式的模式匹配

    参考Javascript权威指南(第6版)第10章 1.正则表达式的定义 正则表达式有两种定义方法,通常使用直接量方式. (1)直接量 var pattern = /\d$/; var pattern ...

  4. JS正则表达式常用总结

    正则表达式的创建 JS正则表达式的创建有两种方式: new RegExp() 和 直接字面量. //使用RegExp对象创建 var regObj = new RegExp("(^\\s+) ...

  5. JS正则表达式（JavaScript regular expression）

    RegExp直接量和对象的创建 就像字符串和数字一样,程序中每个取值相同的原始类型直接量均表示相同的值,这是显而易见的.程序运行时每次遇到对象直接量(初始化表达式)诸如{}和[]的时候都会创建新对象. ...

  6. 实战JS正则表达式

    -正则表达式是一种文本模式的匹配工具. -文章导读: --1.正则对象的属性和方法 --2.字符串对象的方法 --3.使用正则表达式: ---3.1 给字符串加上千分符 ---3.2 字符串中出现次数 ...

  7. [JS]笔记11之正则表达式

    -->什么是正则表达式-->定义正则-->正则的索引-->元字符-->方括号.量词.其他符号-->RegExp 对象的方法-->String 对象方法 1.定 ...

  8. JS复习--更新结束

    js复习-01---03 一 JS简介 1,文档对象模型 2,浏览器对象模型 二 在HTML中使用JS 1,在html中使用<script></script>标签 2,引入外部 ...

  9. js入门篇之正则表达式基础

    定义:正则用于规定在文本中检索的内容,它是对字符串执行模式匹配的强大工具 RegExp(正则表达式) 对象的语法: new RegExp(pattern, attributes); pattern为一 ...

随机推荐

  1. 深入理解java虚拟机---lanmbda表达式简介(三)

    1.lanmbda表达式使用  lanbmda表达式的作用: A: 取代内部类 B;增加对集合的操作,从而增强其性能

  2. SQL-17 获取当前（to_date='9999-01-01'）薪水第二多的员工的emp_no以及其对应的薪水salary

    题目描述 获取当前(to_date='9999-01-01')薪水第二多的员工的emp_no以及其对应的薪水salaryCREATE TABLE `salaries` (`emp_no` int(11 ...

  3. window.location.replace()与window.location.href()区别

    有3个页面 a,b,c 如果当前页面是c页面,并且c页面是这样跳转过来的:a->b->c 1:b->c 是通过window.location.replace("..xx/c ...

  4. html回顾随笔1(*^__^*)

    1.text—align 与float 区别: float是针对div一类的容器来说.text-align是对于容器里的文本或者图片来说靠左或靠右水平对齐(vlign 竖直方向) 要注意以下几点:   ...

  5. Centos7部署kubernetes-ETCD集群(三)

    1.下载etcd软件包 wget https://github.com/coreos/etcd/releases/download/v3.2.18/etcd-v3.2.18-linux-amd64.t ...

  6. linux,windows下日志文件查找关键词

    1.查找 /apps/tomcat/tomcat3/apache-tomcat-7.0.69/logs 目录下已.txt结尾的文件,在文件中搜索关键字 IfcmpEcrService并打印行号 /lo ...

  7. 福大软工 · 第八次作业（课堂实战）——项目UML设计（团队）

    团队 学号 姓名 本次作业博客链接 031602428 苏路明(组长) https://www.cnblogs.com/Sulumer/p/9822854.html 031602401 陈瀚霖 htt ...

  8. 20165326 java实验二

    2017-2018-2 20165326实验二<Java面向对象程序设计>实验报告 课程:Java程序设计 班级:1653班 姓名:陈卓 学号:20165326 成绩:指导教师:娄嘉鹏 实 ...

  9. jq动态添加onclick事件在谷歌中不起作用

    $("#oa-bed-rooType").append($('<option/>').val(0).text('请选择房间类型')); $('#oa-bed-roomT ...

  10. python 读写、创建 文件的方法(必看)

    python 读写.创建 文件的方法(必看) 更新时间:2016年09月12日 10:26:41 投稿:jingxian 我要评论下面小编就为大家带来一篇python 读写.创建 文件的方法(必看). ...