OpenHarmony中使用正则表达式(正则表达式compile)
myzbx 2025-07-14 20:14 31 浏览
本文主要介绍笔者在做开源鸿蒙应用开发时,ArkTs 中使用正则表达式处理像 string 等字符串对象。
主要内容如下:
- 一些 ArkTs 使用正则表达式示例,以及一些可能比较常用的小技巧。
- 正则表达式的一些应用技巧,涉及到匹配模式。
- 正则表达式在开源鸿蒙应用开发中,可以起到怎样的一个应用。
黄同学最近在做 OpenHarmony 应用开发的时候,遇到了一些场景,我需要从像 string 这样的字符串数据中,获取我需要的特定信息。
传统的解决方式:相信我的读者可能都有一些 DS 的基础,知道这种其实就是字符串匹配问题,针对这种问题,常见的解法是使用:暴力匹配、KMP、AC 自动机等方式,但是在实际应用当中如果这样做,可能比较蠢。
我此前有过在 Python 中使用过具有正则表达(式)匹配功能的 re 模块的经历。但是 ArkTs 并没有类似的集成 API。
但是在 ArkTs 的相关文档以及文章中,对这一块的描述都比较少。从官方的描述来看,我们可以知道 ArkTs 是 TypeScript 和 JavaScript 的超集,兼容了JS/TS的语言生态。
所以我在写这篇文章的时候,看了不少 JS 和 TS 关于正则表达式的使用的文档。
MindMap:
<img src=“https://img-blog.csdnimg.cn/c2a4bff044674a92926d9bade2262094.png” alt=“在这里插入图片描述” style=“zoom:100%;” />正则表达式在ArkTs的使用
①变量 RegExp
在 ArkTs 中,正则表达式的变量类型是 RegExp,这一点基本上兼容了 JS。有两种表达方式。
1.可以用斜杠来包住正则表达式,里边就是正则表达式的内容:
let rep: RegExp = /a\S+b/;2.也可以用 RegExp 的构造函数来构造,需要传入 string 作为参数:
let rep = new RegExp("a\S+b");②使用
正则表达式的变量使用较多,主要有:
match,这个是黄同学使用的最多的,在字符串中执行查找匹配的 string 方法,会返回一个数组。
let rep: RegExp = /acfun1+/;
let s: string = "bkacfun1112";
console.log(s.match(rep)[0]); // acfun111test,在一个字符串中测试,判断正则表达式是否能够和字符串匹配。
let rep: RegExp = /acfun1+/;
let s: string = "bkacfun1112";
console.log('' + rep.test(string) ? 'yes' : 'no'); // yesmatch 查到的是一个第一个,但如果想匹配所有符合正则表达式的,可以使用 matchAll,这个返回的是一个迭代器,这个就不给出用例了,感兴趣的朋友可以自行去 js 的相关文档。
search,在字符串中查找匹配的位置(第一个),成功时返回匹配的位置,失败返回 -1。
replace,即用字符串替换匹配到的字符子串。
③贪婪模式与懒惰模式
我在 ArkTs 中使用正则表达式做匹配的时候,发现和使用 Python 的 re 模块有所不同。
在 Python 中,使用 re.match 的时候,会先匹配到最短满足的字符串子串。而在 ArkTs 中,使用正则表达式和 match 的时候,会匹配到最长满足的字符串子串。
上面的文字描述可能会比较抽象,下面用示例来表示:注释中即为输出内容
Python:
import re
s = 'sttstts'
pat = re.compile(r's.*s')
print(pat.match(pat).group(0)) # sttsArkTs:
let rep: RegExp = /s.*s/
let s: string = 'sttstts'
console.log(s.match(rep)[0]) // sttstts以上这两种情况其实就是,在正则表达式的相关概念中,其实就是关于匹配模式中的贪婪模式与懒惰模式。
关于这两种的详细概念,如果朋友们想要了解,不妨去看看正则表达式的文档。
我在这里将用比较简单、浅显的文字表述来解释这两种模式:这两种模式,具体的运作其实就和名字一样。
贪婪模式其实就是尽可能匹配比较长的字符串,如上面的例子 2 中的输出,匹配过程很贪婪,和贪心算法思想类似,尽可能使匹配的结果长;而懒惰模式类似,就是匹配尽可能少的字符串,匹配到满足的即可。
这两种模式,其实就是为了让开发者能更加灵活的使用正则表达式。这种两种模式的区别主要体现在匹配多个字符的特殊正则表达式字符,比如正则表达式中 +, * 等。
④ArkTs 正则表达式懒惰模式
那么,如果你是 ArkTs 开发者,你要用懒惰模式,但是在 ArkTs 中,正则表达式默认是贪婪的。如何切换到懒惰模式呢?
这里和 Js 一样,可以用 ? 来切换到懒惰模式,我们将上面的代码修改后:
let rep: RegExp = /s.*?s/
let s: string = 'sttstts'
console.log(s.match(rep)[0]) // stts上述的用 ? 后,就匹配最少的字符。
正则表达式应用
相信通过上文的了解,我们已经可以对正则表达式的已经有了简单的认知,尤其是通过这些使用的示例,很容易知道,从直接角度,正则表达式的应用是对字符串这种类型的数据处理。这种处理是查询匹配,替换。
通过上述的直接角度,我们可以对字符串数据,即文本数据,可以用于做字符串过滤,在很多有查找,替换功能的应用(比如大家常用的编辑器 vscode,记事本),这些功能其实就有正则表达式影子。
ArkTs 应用:网络数据过滤
这个是我在编写 OpenHarmony 应用时,遇到的一个场景:使用 @ohos.net.http 库中相关 api 向服务器发送 http 请求,会收到 http 报文。
这种报文并不只是数据,还会有其他的部分。而我需要提取数据部分,且要分别提取出数据部分的某些字段。
因此,需要使用正则表达式来进行对网络数据的过滤:
Code(ArKTs)<img src=“https://img-blog.csdnimg.cn/3697ae7b9181471ba24cab23c53d0dc4.png” alt=“相关推荐
- 如何设计一个优秀的电子商务产品详情页
-
加入人人都是产品经理【起点学院】产品经理实战训练营,BAT产品总监手把手带你学产品电子商务网站的产品详情页面无疑是设计师和开发人员关注的最重要的网页之一。产品详情页面是客户作出“加入购物车”决定的页面...
- 怎么在JS中使用Ajax进行异步请求?
-
大家好,今天我来分享一项JavaScript的实战技巧,即如何在JS中使用Ajax进行异步请求,让你的网页速度瞬间提升。Ajax是一种在不刷新整个网页的情况下与服务器进行数据交互的技术,可以实现异步加...
- 中小企业如何组建,管理团队_中小企业应当如何开展组织结构设计变革
-
前言写了太多关于产品的东西觉得应该换换口味.从码农到架构师,从前端到平面再到UI、UE,最后走向了产品这条不归路,其实以前一直再给你们讲.产品经理跟项目经理区别没有特别大,两个岗位之间有很...
- 前端监控 SDK 开发分享_前端监控系统 开源
-
一、前言随着前端的发展和被重视,慢慢的行业内对于前端监控系统的重视程度也在增加。这里不对为什么需要监控再做解释。那我们先直接说说需求。对于中小型公司来说,可以直接使用三方的监控,比如自己搭建一套免费的...
- Ajax 会被 fetch 取代吗?Axios 怎么办?
-
大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!今天给大家带来的主题是ajax、fetch...
- 前端面试题《AJAX》_前端面试ajax考点汇总
-
1.什么是ajax?ajax作用是什么?AJAX=异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实...
- Ajax 详细介绍_ajax
-
1、ajax是什么?asynchronousjavascriptandxml:异步的javascript和xml。ajax是用来改善用户体验的一种技术,其本质是利用浏览器内置的一个特殊的...
- 6款可替代dreamweaver的工具_替代powerdesigner的工具
-
dreamweaver对一个web前端工作者来说,再熟悉不过了,像我07年接触web前端开发就是用的dreamweaver,一直用到现在,身边的朋友有跟我推荐过各种更好用的可替代dreamweaver...
- 我敢保证,全网没有再比这更详细的Java知识点总结了,送你啊
-
接下来你看到的将是全网最详细的Java知识点总结,全文分为三大部分:Java基础、Java框架、Java+云数据小编将为大家仔细讲解每大部分里面的详细知识点,别眨眼,从小白到大佬、零基础到精通,你绝...
- 福斯《死侍》发布新剧照 "小贱贱"韦德被改造前造型曝光
-
时光网讯福斯出品的科幻片《死侍》今天发布新剧照,其中一张是较为罕见的死侍在被改造之前的剧照,其余两张剧照都是死侍在执行任务中的状态。据外媒推测,片方此时发布剧照,预计是为了给不久之后影片发布首款正式预...
- 2021年超详细的java学习路线总结—纯干货分享
-
本文整理了java开发的学习路线和相关的学习资源,非常适合零基础入门java的同学,希望大家在学习的时候,能够节省时间。纯干货,良心推荐!第一阶段:Java基础重点知识点:数据类型、核心语法、面向对象...
- 不用海淘,真黑五来到你身边:亚马逊15件热卖爆款推荐!
-
Fujifilm富士instaxMini8小黄人拍立得相机(黄色/蓝色)扫二维码进入购物页面黑五是入手一个轻巧可爱的拍立得相机的好时机,此款是mini8的小黄人特别版,除了颜色涂装成小黄人...
- 2025 年 Python 爬虫四大前沿技术:从异步到 AI
-
作为互联网大厂的后端Python爬虫开发,你是否也曾遇到过这些痛点:面对海量目标URL,单线程爬虫爬取一周还没完成任务;动态渲染的SPA页面,requests库返回的全是空白代码;好不容易...
- 最贱超级英雄《死侍》来了!_死侍超燃
-
死侍Deadpool(2016)导演:蒂姆·米勒编剧:略特·里斯/保罗·沃尼克主演:瑞恩·雷诺兹/莫蕾娜·巴卡林/吉娜·卡拉诺/艾德·斯克林/T·J·米勒类型:动作/...
- 停止javascript的ajax请求,取消axios请求,取消reactfetch请求
-
一、Ajax原生里可以通过XMLHttpRequest对象上的abort方法来中断ajax。注意abort方法不能阻止向服务器发送请求,只能停止当前ajax请求。停止javascript的ajax请求...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)
- SVG 文本 (32)
- 时钟启动 (33)
- HTML 游戏 (34)
- JS Loop For (32)
