美文网首页
JS 正则表达式及部分示例

JS 正则表达式及部分示例

作者: hunter97 | 来源:发表于2021-12-07 11:01 被阅读0次

一、RegExp 对象常用方法

方法 描述
test 检索字符串中指定的值。返回 true 或 false。

二、支持正则表达式的 String 对象的常用方法

方法 描述
search 检索与正则表达式相匹配的值。
match 找到一个或多个正则表达式的匹配。
replace 替换与正则表达式匹配的子串。

三、正则表达式

1. 匹配任意字符

使用通配符.作为任何字符的占位符

const testRegex = /.ui/gi,
  testString = "Cuiht CUIHT cuiht";
console.log(testString.match(testRegex));// ["Cui", "CUI", "cui"]
2. 匹配字母

使用字符集内的范围[a-z]

const testRegex = /[a-z]ui/gi,
  testRegex_ab = /[ab]ui/gi,
  testString = "Cuiht CUIHT cuiht";
console.log(testString.match(testRegex));// ["Cui", "CUI", "cui"]
console.log(testString.match(testRegex_ab));// null
3. 匹配数字

使用字符集内的范围[0-9],匹配所有数字[0-9]简写\d,匹配所有非数字\D

const testRegex = /[0-3]cht/g,
  testRegex_Number = /\d/g,
  testRegex_notNumber = /\D/g,
  testString = "1cht 2cht 3cht 4cht 5cht";
console.log(testString.match(testRegex)); // ["1cht", "2cht", "3cht"]
console.log(testString.match(testRegex_Number)); // ["1", "2", "3", "4", "5"]
console.log(testString.match(testRegex_notNumber)); // ["c", "h", "t", " ", "c", "h", "t", " ", "c", "h", "t", " ", "c", "h", "t", " ", "c", "h", "t"]
4. 匹配所有字母及数字

匹配所有字母及数字使用\word简写\w,匹配所有非字母及数字\W

const testRegex = /\wcht/g,
  testRegex_Word = /\w/g,
  testRegex_notWord = /\W/g,
  testString = "1cht 2cht 3cht";
console.log(testString.match(testRegex)); // ["1cht", "2cht", "3cht"]
console.log(testString.match(testRegex_Word)); // ["1", "c", "h", "t", "2", "c", "h", "t", "3", "c", "h", "t"]
console.log(testString.match(testRegex_notWord)); // [" ", " "]
5. 匹配中文
const testRegex = /[\u4e00-\u9fa5]/g,
  testString = "测试123 2cht 3cht";
console.log(testString.match(testRegex)); // ["测", "试"]
6. 匹配空格

匹配空格和回车符使用\s,匹配非空格和回车符\S

const testRegex_S = /\s/g,
  testRegex_notS = /\S/g,
  testString = "1cht 2cht 3cht";
console.log(testString.match(testRegex_S)); // [" ", " "]
console.log(testString.match(testRegex_notS)); // ["1", "c", "h", "t", "2", "c", "h", "t", "3", "c", "h", "t"]
7.匹配多个模式

使用操作符号|

const testRegex = /yes|no|maybe/,
  testString = "yes",
  testString1 = "yo";
console.log(testRegex.test(testString)); // true
console.log(testRegex.test(testString1)); // false
8.提取变量
const testRegex_i = /Cuiht/i,
  testRegex_g_i = /Cuiht/gi;
testString = "Cuiht CUIHT cuiht";
// 提取第一个不区分大小写匹配项
console.log(testString.match(testRegex_i));// ["Cuiht"]
// 提取所有不区分大小写匹配项
console.log(testString.match(testRegex_g_i));// ["Cuiht", "CUIHT", "cuiht"]

相关文章

  • JS 正则表达式及部分示例

    一、RegExp 对象常用方法 方法描述test[https://www.runoob.com/jsref/jsr...

  • Python正则表达式指南

    本文介绍了Python对于正则表达式的支持,包括正则表达式基础以及Python正则表达式标准库的完整介绍及使用示例...

  • Vue导出Excel表格

    示例 demo 代码示例 建立项目 导出 Excel 关键 1、安装依赖 2、添加 Blob.js 及 Expor...

  • JavaScript正则表达式

    JavaScript 正则表达式 @(笔记)[正则表达式] 第一章 课程简介 1-1 JS正则表达式简介及应用 课...

  • DB2教程

    词Java示例搜索字符串中的特定单词Java示例拆分正则表达式JJava示例拆分正则表达式Java示例替换首次出现...

  • 学习笔记《ShowDown》

    ShowDown是js写的Markdown的html转化器,这里有英文文档和showdown示例及用法。 快速示例...

  • (八)RegExp类型

    js通过RegExp类型来支持正则表达式。 模式(pattern)部分可以是任何的正则表达式。每个正则表达式都可以...

  • [web前端经典面试题及答案]

    阅读目录 JavaScript部分 JQurey部分 HTML/CSS部分 正则表达式 开发及性能优化部分 本篇收...

  • vue 及小程序实现 拨打电话

    vue html代码部分 js部分 效果如下: 小程序 参数等详细见官网:拨打电话 示例代码

  • 00 SpringBoot AOP学习目录

    开始使用 AOP切入点详解execution部分源码within使用示例this和target使用示例及对比分析a...

网友评论

      本文标题:JS 正则表达式及部分示例

      本文链接:https://www.haomeiwen.com/subject/skduaqtx.html