首页 > 软件开发 > JavaScript >

前端语言 JavaScript 之正则表达式的学习使用

来源:互联网 2023-03-17 00:00:00 版权归原作者所有,如有侵权,请联系我们

前端必须学会使用 JS,而正则表达式 是 JS 中避免难的章节其中一章,本章就是这个正则表达式的学习~~~~~~UxI办公区 - 实用经验教程分享!

前端语言 JavaScript 之正则表达式的学习使用UxI办公区 - 实用经验教程分享!

工具/原料

  • 电脑

一、什么是正则表达式

  • 1

    正则表达式其实就是是对字符串的组合,组合一个规则字符串,这个规则字符串用来表达对字符串的一种过滤逻辑。UxI办公区 - 实用经验教程分享!

    前端语言 JavaScript 之正则表达式的学习使用UxI办公区 - 实用经验教程分享!

  • 1相关内容未经许可获取自百度经验
  • 二、匹配模式

    • UxI办公区 - 实用经验教程分享!

      ① 全局模式 UxI办公区 - 实用经验教程分享!

      g :找出所有匹配到的值,没有 g 的话就会值匹配一个值。UxI办公区 - 实用经验教程分享!

      ② 不区分大小写模式UxI办公区 - 实用经验教程分享!

      iUxI办公区 - 实用经验教程分享!

      ③ 多行模式UxI办公区 - 实用经验教程分享!

      mUxI办公区 - 实用经验教程分享!

      UxI办公区 - 实用经验教程分享!

      前端语言 JavaScript 之正则表达式的学习使用UxI办公区 - 实用经验教程分享!

    三、匹配规则

    • ① () # 将括号中的字符 组合成整体UxI办公区 - 实用经验教程分享!

      ② [] # 将括号中的字符 当做选项 例如 正则 [ba]t 可以表示 'bt' 与 'at'UxI办公区 - 实用经验教程分享!

      UxI办公区 - 实用经验教程分享!

      # 假如字符串本身就有 [] 字符,那么要用 来转义的UxI办公区 - 实用经验教程分享!

      # 字符串 [ba]t 的正则就是 [ba]tUxI办公区 - 实用经验教程分享!

      ③ [a-z] # 表示 a-z 之间的 小写字母UxI办公区 - 实用经验教程分享!

      ④ [A-Z] # 表示 A-Z 之间的 大写字母UxI办公区 - 实用经验教程分享!

      ⑤ [0-9] # 表示 0-9 之间的 数字UxI办公区 - 实用经验教程分享!

      UxI办公区 - 实用经验教程分享!

      前端语言 JavaScript 之正则表达式的学习使用UxI办公区 - 实用经验教程分享!

      前端语言 JavaScript 之正则表达式的学习使用UxI办公区 - 实用经验教程分享!

    四、使用

  • 1

    UxI办公区 - 实用经验教程分享!

    str.replace(reg,'') //替换匹配到的字符,返回新字符串UxI办公区 - 实用经验教程分享!

    str.match(reg) //返回到匹配字符串的数组UxI办公区 - 实用经验教程分享!

    UxI办公区 - 实用经验教程分享!

  • 2

    去掉字符串前面与后面的空格UxI办公区 - 实用经验教程分享!

    UxI办公区 - 实用经验教程分享!

    UxI办公区 - 实用经验教程分享!

    let str = ' 4f 'UxI办公区 - 实用经验教程分享!

    str = str.replace(/^s |s $/g,'')//这里原来的的 str 是不会改变的,返回值才是改变的,要记住UxI办公区 - 实用经验教程分享!

    console.log(str.length);//2UxI办公区 - 实用经验教程分享!

    UxI办公区 - 实用经验教程分享!

  • 3

    写一个正则,字母开头,后面可以是数字,下划线,字母,长度6-30UxI办公区 - 实用经验教程分享!

    前端语言 JavaScript 之正则表达式的学习使用UxI办公区 - 实用经验教程分享!

  • 4

    查找重复的单词UxI办公区 - 实用经验教程分享!

    前端语言 JavaScript 之正则表达式的学习使用UxI办公区 - 实用经验教程分享!

  • 5

    匹配网址UxI办公区 - 实用经验教程分享!

    前端语言 JavaScript 之正则表达式的学习使用UxI办公区 - 实用经验教程分享!

  • 注意事项

    • 学无止境·············

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!UxI办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号