首页 > 其他分享 >JS正则表达式

JS正则表达式

时间:2024-11-08 18:16:55浏览次数:3  
标签:console log 正则表达式 JS 字符串 str var reg

一、概念

正则表达式(规则表达式)

用于定义一些字符串的规则,计算机可以根据正则表达式,来检查一个字符串是否符合规则,将字符串中符合规则的内容提取出来

二、创建正则

方式一:构造函数创建

var 变量=new RegExp("正则表达式","匹配模式");

参数一:规则

参数二:

i 忽略大小写

g 全局匹配模式

使用typeof检查正则对象,会返回object

var reg=new RegExp("a","i");//可以用来检查一个字符串中是否含有a,忽略大小写
 console.log(typeof reg);//object
方式二:字面量创建

语法:var 变量=/正则表达式/匹配模式

var reg = /a/i;
test()方法:

使用这个方法可以用来检查一个字符串是否符合正则表达式的规则, 如果符合返回true,否则返回false

var reg = /a/i;
var str = "abc";
var res = reg.test(str);
console.log(res);//true
console.log(reg.test("cb"));//false

 三、正则语法

使用 | 表示 或者

//需求:创建一个正则表达式,检查一个字符串中是否有a或者b或者c
  var reg = /a|b|c/i;
  console.log(reg.test("bcd"));
[]

[]里的内容也是或的关系 [ab]==a|b

[a-z] 任意小写字母

[A-Z] 任意大写字母

[A-z] 任意字母

[0-9] 任意数字

//需求:检查一个字符串中是否含有abc或adc或aec
  reg = /a[bde]c/; //或b或d或e和a c
  console.log(reg.test("abc"));
[^] 除了

查找任何不在方括号之间的字符

reg = /[^ab]/; //除了a或b,只要有ab以外的存在
console.log(reg.test("abc")); //true
量词

通过量词可以设置一个内容出现的次数, 量词只对它前边的一个内容起作用

  • {n} 正好出现n次
  • {m,n} 出现m-n次
  • {m,} m次以上
  • + 至少出现一次,相当于{1,}
  • * 0个或多个,相当于{0,}
  • ? 0个或1个,相当于{0,1}. ?????

var reg = /a{3}/; //==/aaa/
reg = /ab{3}/; //abbb
reg = /(ab){3}/; //ababab
reg = /ab{1,3}c/; //b出现1-3次皆可
reg = /ab+c/; //至少一个b
reg = /a?bc/; //0个或1个a
reg = /a*bc/; //有没有a都行
//console.log(reg.test("bc"));
^、$

^ 表示开头

$ 表示结尾

如果在正则表达式中,同时使用^$,则要求字符串必须完全符合正则表达式

reg = /^a/; //匹配开头的a
reg = /a$/; //匹配结尾的a
reg = /^aa$/;
reg = /^a|a$/; //以a开头或者以a结尾
console.log(reg.test("a"));

课堂小练习 1、创建一个正则表达式,用来检查一个字符串是否是一个合法手机号 

/* 课堂小练习:手机号的规则
    1:以1开头;
    2:第二位3-9的任意数字;
    3:三位以后任意数字9个;
       ^1 [3-9] [0-9]{9}$
  */
  var phoneStr = "183o6789012";
  var phoneReg = /^1[3-9][0-9]{9}$/;
  console.log(phoneReg.test(phoneStr));

. 表示任意字符

\ 转义字符

注意:使用构造函数时,由于它的参数是一个字符串,而\是字符串中转义字符, 如果要使用\则需要使用\\来代替

var reg = /\./; //  .
reg = /\\/; //  \
reg = new RegExp("\."); //在字符串中,要用\作为转义字符
四组 \ 语法

\w -任意字母,数字,_

\W -除了字母、数字、_,只要有其他字符就返回true

\d -任意数字[0-9]

\D -除了数字[^(0-9)],只要有其他字符就返回true

\s -空格

\S -除了空格,只要有其他字符就返回true

\b -单词边界

\B -除了单词边界

/* 需求:创建一个正则表达式检查一个字符串中是否有单词child */
  reg = /\bchild\b/; //保证前后都没有,这是独立的单词
  // console.log(reg.test("hello,children"))

/* 需求:去除字符串中的空格*/
  str = "   he  llo   ";
  //str=str.replace(/\s/g,"");//去除所有空格
  //去除开头的空格
  //str=str.replace(/^\s*/,"")//去除开头所有空格
  //str=str.replace(/\s*$/,"")//去掉结尾的空格
  //str = str.trim();//去除开头和结尾的空格
  console.log(str);

 四、正则与字符串相关的方法

split()
  • 可以将一个字符串拆分为一个数组
  • 方法中可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分字符串
  • 这个方法即使不指定全局匹配,也会全都拆分
var str = "1a2b3c4d5r6f7";
var res = str.split("c"); //['1a2b3', '4d5r6f']
//根据任意字母来将字符串拆分
res = str.split(/[A-z]/); //['1', '2', '3', '4', '5', '6', '7']
search()

-可以搜索字符串中是否含有指定内容

-如果搜索到指定内容,则会返回第一次出现的索引,如果没有搜索到,返回-1

-它可以接受一个正则表达式作为参数,然后会根据正则表达式去检索字符串

-search()只会查找第一个,即使设置全局匹配也没用

var str = "hello abc hello abc aec afc";
res = str.search("abc"); //6
res = str.search("abcd"); //-1
res = str.search(/a[bef]c/); //6
match()

-可以根据正则表达式,从一个字符串中将符合条件的内容提取出来

-默认情况下,我们的match只会找到第一个符合要求的内容,找到以后就停止检索,我们可以设置正则表达式为全局匹配模式,从而匹配到所有的内容,可以为一个正则表达式设置多个匹配模式,且顺序都可以

-match()会将匹配到的内容封装到一个数组中返回,即使只查询到一个结果

var str = "1a2b3c4d5r6f7A8B9";
res = str.match(/[a-z]/gi); //['a', 'b', 'c', 'd', 'r', 'f', 'A', 'B']
//console.log(Array.isArray(res));//true
//console.log(res[0]);//a

课堂小练习:筛选出数字

 // 需求:筛选出数字
      var str = "hhsdfx12453knls442k";
      //方式一
      var strArr = str.split("");
      let num = strArr.filter(function (a) {
        return !Number.isNaN(parseInt(a));
      });
      console.log(num.join(""));
      //方式二
      console.log(str.match(/\d/g).join(""));
replace()
  • 可以将字符串中指定内容替换为新的内容
  • 参数:
      • 1:被替换的内容,可以接受正则表达式为参数
        • 2:新的内容 默认只会替换第一个
var str = "1a2a3a4d5r6f7A8B9";
res = str.replace("a", "@");
res = str.replace(/a/gi, "@"); //1@2@3@4d5r6f7@8B9
res = str.replace(/[a-z]/gi, ""); //空串,就都删了
console.log(res);

标签:console,log,正则表达式,JS,字符串,str,var,reg
From: https://blog.csdn.net/qq_60060362/article/details/143594591

相关文章

  • JS操作元素
    一、事件基础事件概述JS使我们有能力创建动态页面,而事件是可以被JS侦测的行为简单理解:触发----响应机制网页中每个元素都可以产生某些可以触发JS的事件,例如点击事件事件是由三部分组成事件源事件类型事件处理程序称为事件三要素事件源:事件被触发的对象谁被触发事......
  • Jmeter关联处理-正则表达式提取
    当请求之间有依赖关系,比如一个请求的入参是另一个请求返回的数据,就需要关联处理。正则表达式就是一个公式,或者说一套规则,这套规则可以从任意字符串中提取出想要的数据内容。作用:把上一个请求的响应结果和下一个请求的数据有关联。在需要提取参数的请求的“后置处理器”部分......
  • 关于JS中继承
    继承,我理解就是把所有实例可能用到的属性和方法抽出来,单独放在一个“超类”中,一方面避免重复写代码,另一方面也会节省内存。如果单独用原型继承,引用值的处理是个问题如果单独用call(或者apply)实现代码调用完成继承,方法没法处理,每个实例都会独立生成一份方法,造成重复。所以,一把把二......
  • Three.js中文文档
    Three.js中文文档今天闲着没事,准备翻译一下three.js官方文档的英文目录。threejs英文文档地址threejs中文文档地址动画对象Animation编辑、解析播放帧动画。动作AnimationAction剪辑AnimationClip混合器AnimationMixer动画对象组AnimationObjectGroup动画工具AnimationU......
  • 前端使用pako对json串进行压缩,转成base64并且解压缩的过程
    1exportfunctioncompressAndb64encode(originalData){2//将字符串转换为字节序列3constbinaryString=encodeURIComponent(originalData)4constcharList=binaryString.split('')5constbinaryArray=charList.map(char=>char.charCodeAt(......
  • nodejs 18.20.4 juice 库将html中的全局CSS格式, 转化为每个元素内联的CSS格式
    执行下面命令,安装nodejs和npmubuntu@ubuntu22:~$sudoaptupdateubuntu@ubuntu22:~$sudoaptinstallnpm#npm是Node.js的包管理工具ubuntu@ubuntu22:~$sudoaptinstall-ycurlubuntu@ubuntu22:~$curl-fsSLhttps://deb.nodesource.com/setup_18.x|sudo-Eb......
  • node.js毕设一手包家政服务管理系统(程序+论文)
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景随着社会经济的发展和人们生活水平的提高,家政服务需求日益增长。现有研究主要集中在家政服务的供需匹配、服务质量评价等方面,专门针对一手包家政服务管......
  • node.js毕设在线学习平台个性化推荐系统(程序+论文)
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景随着互联网技术的快速发展,在线学习平台已经成为人们获取知识和技能的重要途径。现有研究主要集中在线学习平台的用户行为分析、推荐算法优化等方面,专门......
  • node.js毕设网上商城购物系统(程序+论文)
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于网上商城购物系统的研究,现有研究主要以系统功能实现和优化为主,如用户登录、商品展示与交易流程等方面。专门针对系统中用户体验与商品类型及信息精......
  • js复制黏贴功能
    一、首先实现一个把canvas转换为图片,简单点就是把dom转换为图片1、优先想到的就是html2canvas,具体使用参考官网但是它有一个bug,你复制的容器不能使用css3的box-shadow要不然会导致你转换的图片变成白色和灰色相间的背景色,并且无解,如果有跨域问题,那就继续使用html2canvas2、dom-t......