元字符（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. Three.js加载gltf模型

    效果图 demo import './index.css'; var stats; stats = new Stats(); document.body.appendChild( stats.dom ...

  2. java-虚拟机-索引

    底层 JVM之堆内存(年经代,老年代) Java内存泄露的理解与解决 内存溢出和内存泄漏的区别.产生原因以及解决方案 JVM内容梳理 Jvm的体系结构

  3. http协议Keep-Alive

    Keep-Alive 是什么? 概观 默认情况下,HTTP链接通常在请求完成之后关闭.这意味着服务端在完成响应的交付之后便关闭了TCP链接.为了让链接保持打开,来满足多请求,可以使用keep-aliv ...

  4. （转）css 背景色渐变兼容写法

    css3:linear-gradient 比如:黑色渐变到白色,代码如下: .gradient{ background: -moz-linear-gradient(top, #000000 0%, # ...

  5. 新浪微博logo已经去掉了“新浪”二字

    如果有一天我能做出一个产品,它的命名就以我所在的行业命名该多好啊,可惜那只是一个梦.但这样的梦新浪微博却实现了,今天我登陆新浪微博的时候发 现logo已经去掉了“新浪”二字,我开始还以为我自己的电脑网 ...

  6. Java多线程-线程的同步(同步方法)

    线程的同步是保证多线程安全访问竞争资源的一种手段.线程的同步是Java多线程编程的难点,往往开发者搞不清楚什么是竞争资源.什么时候需要考虑同步,怎么同步等等问题,当然,这些问题没有很明确的答案,但有些 ...

  7. 项目引入Solr时应该考虑的一些问题

    1.数据更新频率:每天数据增量有多大,随时更新还是定时更新 2.数据总量:数据要保存多长时间 3.一致性要求:期望多长时间内看到更新的数据,最长允许多长时间延迟 4.数据特点:数据源包括哪些,平均单条 ...

  8. 【更多教程关注公众号全要买】1-2 Disruptor与BlockingQueue压力测试性能对比

    JDK所提供的BlockingQueue替换成Dis

  9. 中国大学MOOC 玩转AutoCAD 熟悉AutoCAD的人机交互方式

  10. PHPMailer fe v4.11 For Thinkphp 3.2

    PHPMailer fe v4.11 For Thinkphp 3.2,你值得拥有! 今晚用TP3.2开发一个东西的时候需要邮件发送功能,理所当然的想到了PHPMailer.于是有了此文!------ ...