元字符（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. MOS管防止电源反接的原理

    [导读]  一般可以使用在电源的正极串入一个二极管解决,不过,由于二极管有压降,会给电路造成不必要的损耗,尤其是电池供电场合,本来电池电压就3.7V,你就用二极管降了0.6V,使得电池使用时间大减. ...

  2. C#获取网络状态

    /// <summary> /// 获取网络状态 /// </summary> /// <param name="ip">目标IP地址</ ...

  3. MyBatis 工具 pndao - 自动写 SQL

    pndao的原理并不复杂,是基于MyBatis的方法命名约定来生成SQL,并且写入MyBatis需要的XML. 写之前会判断是否已经存在XML或者注解,如果已经存在则略过此方法,所以无论是注解还是XM ...

  4. springboot成神之——ioc容器（依赖注入）

    springboot成神之--ioc容器(依赖注入) spring的ioc功能 文件目录结构 lang Chinese English GreetingService MyRepository MyC ...

  5. Java微信公众平台开发(二)--微信服务器post消息体的接收

    转自: http://www.cuiyongzhi.com/post/39.html 在上一篇的文章中我们详细讲述了如何将我们的应用服务器和微信腾讯服务器之间的对接操作,最后接入成功,不知道你有没有发 ...

  6. VS编译常见错误枚举01

    fatal error C1189: #error :  This file requires _WIN32_WINNT to be #defined at least to 0x0403. Valu ...

  7. kibana-4.6.3-linux-x86_64.tar.gz的下载（图文详解）

    对于Kibana ,我们知道,是Elasticsearch/Logstash/Kibana的必不可少成员. 第一步:进入Elasticsearch的官网 https://www.elastic.co/ ...

  8. Centos7.2 下搭建LNMP环境(终极版)Yum安装

    PHP7.1+Nginx+MySQL5.7 安装PHP //安装源只要遇到选择的全是Y rpm -Uvh https://dl.fedoraproject.org/pub/epel/epel-rele ...

  9. EF删除，查询，Linq查询，Lambda查询，修改链接字符串

    (1)//删除操作 public bool delete() { try { a_context = new AEntities(); b1 = new Table_1(); //删除只需要写主键就行 ...

  10. php 读取和下载execl

    最近用到php 对excel 的操作 下来 小弟为大家 先贴一下自己的代码  有什么补充的 大神们请指点下.感激不尽. 我用的是yii2   yii2中有类 phpexcel 先说说下载吧. 首先下载 ...