我时常感到困惑,为什么有些知识我总是觉得模糊,其实就是想的少,总结的少,大多数人也如此,有疑惑不清楚就找出来,想明白或者想不明白都记录下来自己的收获,比扭头忘记还是要好很多吧。。好我觉得js中的正则我不是很清楚,那么来看一下吧。

首先6这个具象的数字可以帮助我们整体记忆了,666哈哈

范围

js中有两个类可以让正则发挥作用

创建

  1. var re =/ab+c/

方式一:正则表达字面量,这种直接是常量的表示用法可以让js解析器提高性能

  1. var re =newRegExp('ab+c')

方式二:构造函数,这种方式可以在runtime的时候动态确定正则是什么,更加灵活

常用特殊字符

来记忆一些常用特殊字符,这个是正则本身的范畴了,是不是总觉得记不住?其实我也记不住,每次都是去搜索和online验证来完成一些任务。我也困恼过,其实最后还是因为自己写的少吧,唯手熟尔。。。下面的总结不写具体内容,只列出具体特殊字符和分类,可以尝试一下说出他们的意义,我觉得比看表格更有利于记忆。。。

  • 匹配量的:* + ? {n} {n,} {n,m} .
  • 匹配位置的:^ $
  • 匹配并且需要支持分组的时候需要括号来包裹:(匹配的模式)
  • 匹配条件的:|
  • 匹配集合的:[]
  • 匹配非集合的:[^]

还有大量的由和字母组成的特殊含义的匹配模式,这些用到的时候查询就可以了,没有必要记住,其实我是记不住。。。

例子

例子是最好的老师。。。。例子来源于MDN

  1. var myRe =/d(b+)d/g;
  2. myRe.exec('cdbbdbsdbdbz')// ["dbbd", "bb", index: 1, input: "cdbbdbsdbdbz"]
  3. myRe.exec('cdbbdbsdbdbz')// ["dbd", "b", index: 7, input: "cdbbdbsdbdbz"]
  4. myRe.exec('cdbbdbsdbdbz')// null

注意对于每个正则对象的exec每次调用都只返回一个匹配,如果需要拿到全部匹配就需要while循环获取,循环结束标志是返回值为null

  1. 'cdbbdbsdbdbz'.match(/d(b+)d/g)// ["dbbd", "dbd"]
  2. 'cdbbdbsdbdbz'.match(/d(b+)d/)// ["dbbd", "bb", index: 1, input: "cdbbdbsdbdbz"]

string的match挺奇怪的,如果是global匹配则出所有匹配的数组,如果不是,则出第一个匹配的字符串,以及相应的捕获内容

  1. var str ='hello world!';
  2. var result =/^hello/.test(str);// true
  3. 'cdbbdbsdbdbz'.search(/d(b+)d/)// 1
  4. 'xxx'.search(/d(b+)d/)// -1 没有匹配
  5. var names ='Harry Trump ;Fred Barney; Helen Rigby ; Bill Abel ;Chris Hand ';
  6. var re =/s*;s*/;
  7. var nameList = names.split(re);
  8. // [ "Harry Trump", "Fred Barney", "Helen Rigby", "Bill Abel", "Chris Hand " ]
  1. var re =/apples/gi;
  2. var str ='Apples are round, and apples are juicy.';
  3. var newstr = str.replace(re,'oranges');
  4. // // oranges are round, and oranges are juicy.

这个replace方法的用法着实比较多,只放了最基础用法,当有需求的时候再查就好了,整体有概念了再实践比强行记忆要好吧~

我自己是一名从事了多年开发的web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴,想要获取的可以关注我的头条号并在后台私信我:前端,即可免费获取。

源自:http://varnull.cn/yi-ci-ji-zhu-jsde-6ge-zheng-ze-fang-fa/
文章著作权归作者所有,如有侵权,请联系小编删除。

js 正则 或_一次记住js的6个正则方法相关推荐

  1. node.js使用手册_权威的Node.js手册

    node.js使用手册 Note: you can get a PDF, ePub, or Mobi version of this handbook for easier reference, or ...

  2. node.js 生成文件_如何使用Node.js在几秒钟内生成模拟数据

    node.js 生成文件 介绍 (Introduction) In most of the applications, you need to have some static JSON data w ...

  3. java 正则对象_网络编程Java 使用正则表达式对象实现正则的获取功能

    获取需要使用到正则的两个对象: 使用的是用正则对象Pattern 和匹配器Matcher. 用法: 范例: Pattern p = Pattern.compile("a*b"); ...

  4. js byte数组_这么骚的 js 代码,不怕被揍么

    曾经,我接手了一份大佬的代码,里面充满了各种"骚操作",还不加注释那种,短短几行的函数花了很久才弄懂. 这世上,"只有魔法才能对抗魔法",于是后来,翻阅各种&q ...

  5. node.js api接口_如何在Node.js API客户端中正常处理故障

    node.js api接口 by Roger Jin 罗杰·金(Roger Jin) 如何在Node.js API客户端中正常处理故障 (How to gracefully handle failur ...

  6. html css js 实战案例_使用html+css+js实现弹球游戏

    php中文网最新课程 每日17点准时技术干货分享 使用html+css+js实现弹球游戏 代码如下,复制即可使用: <head> <style type="text/css ...

  7. java实现js取反_特定位取反(js实现)

    去华为面试的时候,没有做好准备工作:面试的流程没有问清也没有查,结果一过去就让上机做题,着实有点措手不及.笔者是擅长前端的Java Web工程师啊,基本的底层编程知识早已生疏了.机试题碰到了这道位运算 ...

  8. js变量提升_学习笔记:JS中的作用域和预解析

    知识总结:谢静贤.汤昊 在javascript中作用域是非常重要的,本文将会说明作用域以及我们在工作,以及面试中的一些面试题,如果有不足的地方希望大家可以评论指出来,自己一定会及时的改正错误,避免大家 ...

  9. react js 添加样式_如何在React JS Application中添加图像?

    react js 添加样式 Hello! In this article, we will learn how to add images in React JS? I remember when I ...

最新文章

  1. Robust 源代码分析之gradle-plugin
  2. 毕业10年,我有话说
  3. 【Linux系统编程】 Linux系统调用概述
  4. 字典树(讲解+模版)
  5. Pycharm导入anaconda环境
  6. 7-121 删除字符串中的子串 (20 分)
  7. KVM虚拟机添加磁盘空间
  8. windows下安装HTK3.4
  9. labview 控件安装步骤
  10. vue-video-player,切换页面时控制台报错:TypeError: this.el_.vjs_getProperty is not a function解决方案
  11. 服务器宕机是什么意思怎处理解决?
  12. python激光扫描雷达_一文详解固态激光雷达的里程计(loam_livox)
  13. Android打码函数,Android 图片编辑的原理与实现——涂鸦与马赛克
  14. 过滤器(7)_过滤器处理 POST 请求乱码
  15. STM32L476R快速入门——前期准备(项目设计专题)
  16. Java项目:在线电子商城管理系统(java+SpringBoot+Thymeleaf+bootstrap+jQ+layui+maven+mysql)
  17. 使用python输出真值表
  18. 可视化图形界面编程(Easyx联合c++的通讯录系统)
  19. python调用海康威视工业相机SDK实现图片采集
  20. “大力丸”是壮阳药吗?

热门文章

  1. Flink:动态表上的连续查询
  2. 51nod 1050循环数组最大字段和
  3. 性能测试-了解硬件之CPU(一)
  4. 职场白骨精必看的五个寓言
  5. asp.net 2.0 中如何让membership接口使用自定义数据库。
  6. (工作中)Apache常见配置
  7. 网络设备常用排障命令——Juniper vyatta 大河SDN
  8. 49个Python的常见操作/技巧/例子
  9. Spring boot 配置文件,输入key值,自动补全--- 通过安装插件实现
  10. 使用Python破解zip的密码