JavaScript正则表达式小技巧

这次给大家带来JavaScript正则表达式小技巧,使用JavaScript正则表达式的注意事项有哪些,下面就是实战案例,一起来看一下。

正则表达式作为一种匹配处理字符串的利器在很多语言中都得到了广泛实现和应用.这篇文章主要介绍了JavaScript正则表达式函数总结,需要的朋友可以参考下

/* 测试环境:Chrome 63.0.3239.132 */

JS中正则对象修饰符可选值为:”i” “g” “m”,即忽略大小写 进行全局匹配 多行模式

JS中正则表达式支持的元字符:

1:枚举方括号表达式,范围方括号表达式,枚举取反方括号表达式,范围取反方括号表达式

2:. w W d D s S B 888 uffff �

3:n? n+ n* n{a} n{a,} n{a,b}及这些量词的非贪心模式

4:^ $ (?!) (?=) (?:)

其他:

1:JS中引用分组请用umber,不支持”和这样的命名分组

2:不支持量词的占有模式

3:不支持逆向环视

4:方括号表达式中复合表达式支持如下:

[abc0-9] [abcd] [dw^&]等等类似的

5:支持修饰符组合,比如gim mig gi ig等等,无顺序要求

JS正则对象属性:

global:该对象是否开启全局匹配,一个布尔值

ignoreCase:该对象是否开启忽略大小写,一个布尔值

multiline:该对象是否开启多行模式,一个布尔值

lastIndex:该对象下一次开始匹配的位置,即上一次匹配结束的位置,一个正整数

source:正则表达式的源文本,即/regexp/flag的regexp,不包含修饰符,一个字符串

创建正则表达式:

1:myreg = new RegExp(patternString[,globalFlags]);

2:myreg = /yourRegexp/globalFlags;

JS中正则表达式常用方法:

在RegExp对象中:

1:test(yourString);

定义:检测一个字符串是否匹配某个模式。

其他说明:该方法将忽略”g”标志和正则对象的lastIndex属性(即总是从开头找起),只要查找到符合模式的字符串即匹配成功。

2:exec(yourString);

定义:检索字符串中的正则表达式的匹配。

其他说明:若没开启”g”标志,只查找一次,不修改正则对象的lastIndex属性,返回一个对象,包含下标0、index、input,这时属性和match等价;开启”g”,将修改正则对象的lastIndex属性为本次找到的子字符串的末尾位置,返回一个和没开启”g”一样的对象。(你可以自行修改正则对象的lastIndex属性来规定exec开始查找的位置。)

在String对象中:

1:search(yourRegexpOrString);

定义:检索字符串中与指定的子字符串或正则表达式相匹配的子字符串。

其他说明:该方法将忽略”g”标志和正则对象的lastIndex属性(即总是从开头找起),返回找到的第一个字符的位置,如果未找到返回-1。

2:match(yourRegexpOrString);

定义:在字符串内查找一个或多个与正则表达式匹配的字符串,返回一个对象。(忽略laseIndex属性)

其他说明:若没开启”g”标志,将只查找第一个匹配的字符串,返回一个对象,包含下标0、index、input,其中下标0等价于index,input是String的引用;开启”g”,返回一个数组,数组的length是匹配的字符串个数,每个元素是每个匹配的起始字符位置。

3:replace(yourRegexpOrString,placementString);

定义:用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

其他说明:如果没有”g”标志只会替换一次,并且如果参数是字符串而不是正则对象始终替换一次。返回一个字符串,为用placementString替换yourRegexpOrString后的结果。placementString中$有特殊用途,见下表:

$1、$2、…、$99regexp中捕获的引用分组。$&本次匹配的文本。$`本次匹配到的子串左侧的文本。$’本次匹配到的子串右侧的文本。$$$本身。

该方法的第二个参数可以为一个函数,每次匹配都会调用该函数,以函数返回值作为placement,一共传入4个参数,第一个参数为本次匹配的子文本($&),中间参数为子表达式匹配字符串,个数不限($i),倒数第二个参数为本次匹配到的子文本下标位置,最后一个参数表示执行place方法的字符串本身。

4:split(yourRegexpOrString[,howMany]);

定义:把一个字符串分割成字符串值的数组。

其他说明:是arr.join(separatorString)反操作,如果传入””,则每个字符都将会被分隔到数组。howMany指定返回数组的个数。

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

JS仿经典传奇游戏

Webpack dev server热加载无效怎么处理

以上就是JavaScript正则表达式小技巧的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2781228.html

(0)
上一篇 2025年3月8日 16:14:20
下一篇 2025年3月8日 16:14:27

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 原生js怎么调用json

    这次给大家带来原生js怎么调用json,原生js调用json的注意事项有哪些,下面就是实战案例,一起来看一下。 Ajax基础 ajax:无刷新数据读取,读取服务器上的信息 HTTP请求方法: GET:用于获取数据,如浏览帖子 ajax.ju…

    编程技术 2025年3月8日
    200
  • JavaScript中的数据截取问题详解

    本文主要和大家分享JavaScript中的数据截取问题详解,希望能帮助到大家。 一.数组中获取 1.获取value的值 var revokeModel = $(“#modalMsgRevoke form”).seri…

    2025年3月8日 编程技术
    200
  • JS实现默认头像填充

    这次给大家带来JS实现默认头像填充,JS实现默认头像填充的注意事项有哪些,下面就是实战案例,一起来看一下。 在我的不少项目中,都有缺省头像的问题。为了保持个性和方便辨认,会给没有头像的用户填充带名字的头像。 代码分享:https://git…

    2025年3月8日
    200
  • webpack打包指定JS文件需要怎么做

    这次给大家带来webpack打包指定JS文件需要怎么做,webpack打包指定JS文件的注意事项有哪些,下面就是实战案例,一起来看一下。 背景 最近接到一个需求,因为不确定打出的前端包所访问的后端IP,需要对项目中IP配置文件单独拿出来,方…

    编程技术 2025年3月8日
    200
  • JavaScript中字符串详解

    本文主要和大家分享javascript中字符串详解,希望能帮助到大家。 一.字符串基本 1.字符串的创建 基本的数据类型  String        var str = “字符串”; 引用的数据类型 String …

    编程技术 2025年3月8日
    200
  • JavaScript中的原型与原型链详解

    本文主要和大家分享javascript中的原型与原型链详解,说原型的时候,一般都是在说原型属性prototype。 一.介绍 1.函数的prototype属性 *所有的函数都有一个prototype属性,它默认指向一个object空对象(即…

    2025年3月8日 编程技术
    200
  • JavaScript对象详解

    一.javascript 对象介绍 1.对象是什么?对象是程序中的对象,程序是用来描述现实生活世界。 如现在要写一个程序来管理大家的信息,这边就有每个人的信息(身高,体重等),这些信息都是相互独立,如果要高效管理这些信息,就要放到一个容器(…

    编程技术 2025年3月8日
    200
  • JavaScript中数据变量内存分析

    1.什么是数据?*数据是存储于内存中代表特定信息的‘东东’,本质就是0101二进制,本文主要和大家分享javascript中数据变量内存分析,希望能帮助到大家。 eg:18  //这个18可能只年龄  或是分数等等,, 写程序中的数据都要有…

    2025年3月8日 编程技术
    200
  • JavaScript数据类型详解

    JavaScript数据类型是JavaScript中很重要的知识点,本文主要和大家分享JavaScript数据类型详解,希望能帮助到大家。 一.JavaScript 中的数据类型(重要) (1).基本数据类型(又称值类型) a.string…

    2025年3月8日
    200
  • JavaScript中函数详解

    (1).什么是函数? 具有特定功能的n条语句的封装体。只有函数是可执行的,其他类型的数据是不可执行的。函数也是对象。 (2).函数的作用 → 提高代码复用 → 便于阅读和交流 (3).函数的定义 方式一:函数声明(推荐使用)  functi…

    2025年3月8日
    200

发表回复

登录后才能评论