元字符（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. 基于angularJs+ui-router+bootstrap风格的表格生成指令

    1 /** 根据参数定制表格 * api接口: * form-model:[item1,item2,item3] * form-properties:[ * {key:'',label:'',thCl ...

  2. PHP字符串的处理(三)-字符串的输出

    1.echo() echo()实际不是一个函数,是一个语言结构,不需要使用括号 <?php $str = "test"; echo $str."<br> ...

  3. sata2.0和sata3.0的区别

    sata是指电脑主板上的硬盘接口,3.0是2.0的升级版本,发布于2009年,所以2010年之前的电脑主板基本都只提供sata2.0接口,如果你不知道自己的电脑是sata2.0还是sata3.0,想想 ...

  4. Win7 IE11 F2无法切换版本

    Win7 IE11 F2无法切换版本 http://www.microsoft.com/zh-cn/download/confirmation.aspx?id=45154 选择操作系统对应的版本 ht ...

  5. python 模块 optparse

    optparse,是一个能够让程式设计人员轻松设计出简单明了.易于使用.符合标准的Unix命令列程式的Python模块.生成使用和帮助信息. 下面是一个简单的示例: import optparse p ...

  6. 一只小蜜蜂(斐波那契dp)

    有一只经过训练的蜜蜂只能爬向右侧相邻的蜂房,不能反向爬行.请编程计算蜜蜂从蜂房a爬到蜂房b的可能路线数. 其中,蜂房的结构如下所示. Input输入数据的第一行是一个整数N,表示测试实例的个数,然后是 ...

  7. ubuntu 14.04 安装压缩包版mysql

    既有环境: 1)下载MySQL Community Server 5.6.17 压缩版(mysql-5.6.17-linux-glibc2.5-x86_64.tar.gz) 2)安装目录: /opt/ ...

  8. 【bzoj1602】[Usaco2008 Oct]牧场行走

    1602: [Usaco2008 Oct]牧场行走 Time Limit: 5 Sec  Memory Limit: 64 MBSubmit: 1793  Solved: 935[Submit][St ...

  9. selector在color和drawable目录下的区别

    selector作为drawable资源时,放于drawable目录下,并且item指定android:drawable属性,引用使用@drawable而不是@color selector作为colo ...

  10. Java c3p0 连接 MySQL

    <?xml version="1.0" encoding="UTF-8"?> <!-- 需要导入c3p0驱动jar包和mysql驱动jar包 ...