JavaScript从入门到精通系列第三十一篇:详解JavaScript中的字符串和正则表达式相关的方法

这篇具有很好参考价值的文章主要介绍了JavaScript从入门到精通系列第三十一篇:详解JavaScript中的字符串和正则表达式相关的方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

JavaScript从入门到精通系列第三十一篇:详解JavaScript中的字符串和正则表达式相关的方法,# JavaScript专栏,正则表达式 

文章目录

知识回顾

1:概念回顾

2:正则表达式字面量

一:字符串中正则表达式方法

1:split

2:search

3:match

4:replace


知识回顾

1:概念回顾

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

2:正则表达式字面量

        语法:var 变量 =/正则表达式/匹配模式;这种方式创建更加简单,使用构造函数创建更加灵活

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

        正则表达式的预发是基于构造函数创建,里边需要有两个参数,一个是正则表达式,另外一个是匹配模式。

        编写代码:

var reg = new RegExp("a");
console.log(a);

一:字符串中正则表达式方法

1:split

        split是String当中的方法,可以将一个字符串拆分为一个数组

var str = "1a2b3c4d5e6f";
var result = str.split("c");
console.log(result);

JavaScript从入门到精通系列第三十一篇:详解JavaScript中的字符串和正则表达式相关的方法,# JavaScript专栏,正则表达式

        但是这样玩有点不灵活,写啥按照啥进行拆分。 我们想根据我们任意字母来将字符串进行拆分

        我们方法中可以传递一个正则表达式作为一个参数,这样方法将会按照正则表达式去拆分字符串。

        证明这件事情:

var str = "1a2b3c4d5e6f";
var result = str.split(/[a-z]/);
console.log(result);

        运行结果: 

JavaScript从入门到精通系列第三十一篇:详解JavaScript中的字符串和正则表达式相关的方法,# JavaScript专栏,正则表达式

2:search

        这个方法可以搜索字符串中是否指定内容

        证明这件事情:

var str = "hello abc hello abc";
var result = str.search("abc");
console.log(result);

        运行结果:

JavaScript从入门到精通系列第三十一篇:详解JavaScript中的字符串和正则表达式相关的方法,# JavaScript专栏,正则表达式

        返回第一次搜索到的结果索引如果没有的话返回-1 

        他可以接收一个正则表达式作为参数,根据正则表达式作进行检索。

        证明这件事情:

        搜索我们字符串中是否包含:abc 或者 aec 或者 afc

var str = "hello abc hello aec afc";
var result = str.search(/a[bef]c/);
console.log(result);

        运行结果:

JavaScript从入门到精通系列第三十一篇:详解JavaScript中的字符串和正则表达式相关的方法,# JavaScript专栏,正则表达式

3:match

        可以根据正则表达式将复合条件的内容提取出来

        证明这件事情:

var str = "1a2b3c4d5e6f";
var result = str.match(/[a-z]/);
console.log(result);

        运行结果:

JavaScript从入门到精通系列第三十一篇:详解JavaScript中的字符串和正则表达式相关的方法,# JavaScript专栏,正则表达式

        计算机比较懒,只找了第一个,我们需要告诉计算机,我们要所有的复合条件的内容,我们需要设置正则表达式进行全局匹配模式。 

        证明这件事情:

var str = "1a2b3c4d5e6f";
var result = str.match(/[a-z]/g);
console.log(result);

        运行结果:

JavaScript从入门到精通系列第三十一篇:详解JavaScript中的字符串和正则表达式相关的方法,# JavaScript专栏,正则表达式

        再设置忽略大小写:

var str = "1a2b3c4d5e6f";
var result = str.match(/[a-z]/gi);
console.log(result);

         运行结果:

JavaScript从入门到精通系列第三十一篇:详解JavaScript中的字符串和正则表达式相关的方法,# JavaScript专栏,正则表达式

        可以为一个正则表达式设置多个匹配模式且顺序无所谓。 

        这种情况返回的数据是一个数组。

4:replace

        可以将字符串中的指定内容替换为新的内容

        证明这件事情:

var str = "1a2b3c4d5e6f";
var result = str.replace(/[a-z]/gi,"@_@");
console.log(result);

JavaScript从入门到精通系列第三十一篇:详解JavaScript中的字符串和正则表达式相关的方法,# JavaScript专栏,正则表达式

        指的注意的是split这个方法不论是写不写g都会进行全局匹配 文章来源地址https://www.toymoban.com/news/detail-795869.html

到了这里,关于JavaScript从入门到精通系列第三十一篇:详解JavaScript中的字符串和正则表达式相关的方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Iceberg从入门到精通系列之十一:Flink DataStream读取Iceberg表

    streaming(false) :false batch方式 streaming(true):true streaming方式

    2024年02月12日
    浏览(20)
  • 第三十一章 Unity骨骼动画

    关于骨骼动画的原理,我们这里不再详细介绍,有不清楚的可以回去看DirectX课程和3dsMAX课程。接下来,我们来讲解一下Unity的骨骼动画系统。Unity 的动画系统基于动画剪辑(Animation Clip)的概念,它的本质就是一小段动画,代表了一个游戏角色的动作,例如:走路,跑步,攻

    2024年02月08日
    浏览(32)
  • JavaScript系列从入门到精通系列第十七篇:JavaScript中的全局作用域

    文章目录 前言 1:什么叫作用域 一:全局作用域 1:全局变量的声明 2:变量声明和使用的顺序 3:方法声明和使用的顺序         可以起作用的范围         我们的作用域只有全局作用域和函数作用域。          直接编写到Script里边的代码,就是全局作用域。全局作用域

    2024年02月06日
    浏览(22)
  • 第三十一章 linux-模块的加载过程一

    ps:kernel symbol内核符号表,就是在内核的内部函数或变量中,可供外部引用的函数和变量的符号表。. 其实说白了就是一个索引文件,它存在的目的就是让外部软件可以知道kernel文件内部实际分配的位置。 先来个图: 在用户空间,用insmod这样的命令来向内核空间安装一个内核

    2024年02月03日
    浏览(25)
  • Nodejs 第三十一章(响应头和请求头)

    响应头 HTTP响应头(HTTP response headers)是在HTTP响应中发送的元数据信息,用于描述响应的特性、内容和行为。它们以键值对的形式出现,每个键值对由一个标头字段(header field)和一个相应的值组成。 例如以下示例 响应头和跨域之间的关系 cors 跨域资源共享(Cross-Origin Res

    2024年01月16日
    浏览(29)
  • JavaScript从入门到精通系列第二十七篇:详解JavaScript中的包装类

      文章目录 前言 一:包装类 1:包装类作用 2:包装类成员 3:包装类作用 4:包装类使用         包装类就类似于把一个草根包装成一个明星,就类似于Java中的Integer。         JavaScript中的基本数据类型String Number Boolean Null Undefined         引用数据类型:Object         J

    2024年02月06日
    浏览(26)
  • vue 3 第三十一章:状态管理(Pinia基础知识)

    状态管理是现代 Web 应用开发中的一个重要概念。Vue 3 中的状态管理库 Pinia ,是一个基于 Vue 3 Composition API 的状态管理库,它提供了一种 简单 、 灵活 的方式来管理应用程序的状态,同时还具有 高性能 和 可扩展性 。 Pinia 在某种程度上来说,也可以被叫做 Vuex5 ,因为它结合

    2024年02月07日
    浏览(31)
  • UNIX网络编程卷一 学习笔记 第三十一章 流

    在大多数源自SVR 4的内核中,X/Open传输接口(X/Open Transport Interface,XTI,是独立于套接字API的另一个网络编程API)和网络协议通常就像终端IO系统那样也使用流系统(STREAMS system)实现。 我们将使用传输提供者接口(Transport Provider Interface,TPI)开发一个简单的TCP客户程序,TP

    2024年02月09日
    浏览(40)
  • JavaScript系列从入门到精通系列第二十篇:使用工厂方法创建JavaScript对象,JavaScript构造函数详解,JavaScript类概念的介绍

    文章目录 一:使用工厂方法创建对象 1:原始写法 2:工厂方式 3:结果验证  二:构造函数 1:什么是构造函数 2:构造函数和普通函数的区别 3:构造函数的执行流程 三:类 1:什么是类 2:如何检查一个对象是否是个类的实例 3:Object的地位 四:构造函数修改 1:重大问题

    2024年02月08日
    浏览(23)
  • JavaScript从入门到精通系列第二十八篇:详解JavaScript中的字符串的方法

      文章目录 前言 一:String中的方法 1:获取字符串的长度 2:返回指定位置的字符 3:返回指定位置的字符Unicode编码 4:返回指定位置的字符Unicode编码  二:比较常用的 1:连接两个字符串 2:检索一个字符串中指定内容  3:从后检索一个字符串中指定内容   4:截取字符串

    2024年02月06日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包