元字符（Metacharacter）是拥有特殊含义的字符：

元字符        描述

（1）   .             查找单个字符，除了换行和行结束符。

例子：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>点</title>

</head>

<body>

    <script type="text/javascript">

        str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p\np and p9p';

        arr = str.match(/p.p/ig)//查找单个字符，除了换行和行结束符。

        alert(arr);

    </script>

</body>

</html>

效果如图：

（2）\w          查找单词字符。(查找字母、数字、下划线，注意不包括“-”中间横线，如下例子)

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>反斜线小写w查找单词字符</title>

</head>

<body>

    <script type="text/javascript">

        str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p\np and p9p';

        arr = str.match(/p\wp/ig)//反斜线小写w查找单词字符

        alert(arr);

    </script>

</body>

</html>

效果图：

(3) \W      查找非单词字符。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>反斜线大写W查找非单词字符</title>

</head>

<body>

    <script type="text/javascript">

        str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p\np and p9p';

        arr = str.match(/p\Wp/ig)//反斜线大写W查找非单词字符

        alert(arr);

    </script>

</body>

</html>

效果图：

（4）\d    查找数字。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>反斜线小写d</title>

</head>

<body>

    <script type="text/javascript">

        str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p\np and p9p';

        arr = str.match(/p\dp/ig)//查找数字。

        alert(arr);

    </script>

</body>

</html>

(5)\D     查找非数字字符。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>反斜线大写D</title>

</head>

<body>

    <script type="text/javascript">

        str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p\np and p9p';

        arr = str.match(/p\Dp/ig)//查找非数字。

        alert(arr);

    </script>

</body>

</html>

(6)\s    查找空白字符。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>反斜线小写s,查找空白字符。</title>

</head>

<body>

    <script type="text/javascript">

        str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p\np and p9p';

        arr = str.match(/p\sp/ig)//反斜线小写s,查找空白字符。

        alert(arr);

    </script>

</body>

</html>

（7）\S     查找非空白字符。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>反斜线大写S,查找非空白字符。</title>

</head>

<body>

    <script type="text/javascript">

        str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p\np and p9p';

        arr = str.match(/p\Sp/ig)//反斜线大写S,查找非空白字符。

        alert(arr);

    </script>

</body>

</html>

(8)\b     匹配单词边界。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>反斜线小写b,匹配单词边界。</title>

</head>

<body>

    <script type="text/javascript">

        str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p\np and p9p';

        arr = str.match(/\bp.p/ig)//反斜线小写b,匹配单词边界。

        alert(arr);

    </script>

</body>

</html>

(9)\B    匹配非单词边界。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>反斜线大写B,匹配非单词边界。</title>

</head>

<body>

    <script type="text/javascript">

        str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p\np and p9p';

        arr = str.match(/\Bp.p/ig)//反斜线大写B,匹配非单词边界。

        alert(arr);

    </script>

</body>

</html>

javascript正则表达式——元字符的更多相关文章

  1. JavaScript —— 正则表达式元字符

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http ...

  2. JavaScript正则表达式详解（一）正则表达式入门

    JavaScript正则表达式是很多JavaScript开发人员比较头疼的事情,也很多人不愿意学习,只是必要的时候上网查一下就可以啦~本文中详细的把JavaScript正则表达式的用法进行了列表,希望 ...

  3. JavaScript 正则表达式上——基本语法

    定义 JavaScript种正则表达式有两种定义方式,定义一个匹配类似 <%XXX%> 的字符串 1. 构造函数 var reg=new RegExp('<%[^%>]+%&g ...

  4. JavaScript正则表达式（三）

    正则表达式可以: •测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式.这称为数据有效性验证 •替换文本.可以在文档中使用一个正则表达式 ...

  5. javascript正则表达式简介

      javascript正则表达式 javascript正则表达式 regular expression是一个描述字符模式的对象: ECMAScript中的RegExp类表示正则表达式: String ...

  6. 第一百零五节，JavaScript正则表达式

    JavaScript正则表达式 学习要点: 1.什么是正则表达式 2.创建正则表达式 3.获取控制 4.常用的正则 假设用户需要在HTML表单中填写姓名.地址.出生日期等.那么在将表单提交到服务器进一 ...

  7. JavaScript正则表达式知识点

    通过学习imooc课程<JavaScript正则表达式>http://www.imooc.com/video/12539,对视频教学内容做一个知识整理. 一个正则表达式在线工具:http: ...

  8. javascript 正则表达式补充

    定义 JavaScript种正则表达式有两种定义方式,定义一个匹配类似 <%XXX%> 的字符串 1. 构造函数 var reg=new RegExp('<%[^%>]+%&g ...

  9. JavaScript 正则表达式基础语法

    前言 正则表达式在人们的印象中可能是一堆无法理解的字符,但就是这些符号却实现了字符串的高效操作.通常的情况是,问题本身并不复杂,但没有正则表达式就成了大问题.javascript中的正则表达式作为相当 ...

随机推荐

  1. ansible安装配置zabbix客户端

     安装软件 ansible host -m apt -a "name=zabbix-agent state=present" ansible host -m shell -a ...

  2. Java学习之App开发公司手机端设想

    背景:最近在学JAVA,看到JAVA做各种APP,而公司软件主要是做家居设计,使用者多是设计师和家具门店,很难让大部分非专业人士接触到我们的产品,由于设计复杂且占用资源较多不太可能用APP实现网站设计 ...

  3. Py修行路 python基础 （十二） 协程函数应用 列表生成式 生成器表达式

    一.知识点整理: 1.可迭代的:对象下有_iter_方法的都是可迭代的对象 迭代器:对象._iter_()得到的结果就是迭代器 迭代器的特性: 迭代器._next_() 取下一个值 优点: 1.提供了 ...

  4. 2014.8.8 CAD系统连接

    CDA数据库连接生产库.研发库.临时库对应3个连接名 cad = (DESCRIPTION = (ADDRESS = (PROTOCOL = TCP)(HOST = backupserver)(POR ...

  5. HTTP 2 的新特性你 get 了吗？

    导语 HTTP/2 的主要设计思想应该都是源自 Google的 SPDY 协议,是互联网工程任务组 ( IETF ) 对谷歌提出的 SPDY 协议进行标准化才有了现在的 HTTP/2 .下面我们直奔主 ...

  6. Maven整合SSM框架——详细整合教程（Spring+SpringMVC+MyBatis）

    使用SSM(Spring.SpringMVC和Mybatis)已经有三个多月了,项目在技术上已经没有什么难点了,基于现有的技术就可以实现想要的功能,当然肯定有很多可以改进的地方.之前没有记录SSM整合 ...

  7. 预编译头文件来自编译器的早期版本,或者预编译头为 C++ 而在 C 中使用它(或相反)转

    vs2010的mfc项目中编译c语言出现错误: "...预编译头文件来自编译器的早期版本,或者预编译头为 C++ 而在 C 中使用它(或相反)" 解决方法: 建工程时 建立空项目  ...

  8. Biorhythms（中国剩余定理（模板题））

    Description Some people believe that there are three cycles in a person's life that start the day he ...

  9. Python的Flask框架使用Redis做数据缓存的配置方法

    flask配置redis 首先得下载flask的缓存插件Flask-Cache,使用pip下载. sudo pip install flask_cache 为应用扩展flask_cache   app ...

  10. 201671010140. 2016-2017-2 《Java程序设计》java学习第六章

    java学习第六章    本周对与java中的接口,lambda表达式与内部类进行了学习,以下是我在学习中的一些体会:    1.接口: <1>.接口中的所有常量必须是public sta ...