2024年最新前端提高篇（三十）JS进阶22正则表达式语法，面试篇字节跳动审核

于 2024-05-15 12:05:10 发布
阅读量365 收藏 6
点赞数 4
分类专栏： 程序员 文章标签： 前端 面试 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84435885/article/details/138903153
版权

学习分享，共勉

题外话，毕竟我工作多年，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[^abc]：只要不是’a’,‘b’,'c’中任意一个（取反）

方括号只代表在此范围内取任意一个字符，包括空字符，所以不要随意在方括号内加空格

match默认是只匹配出一个，如果想要全部扫描匹配，外加标志g

在这里插入图片描述

逻辑或：/(abc)|([0-9])/

建议用小括号括起来，可以在括号里加复杂的表达式，看起来更清晰

在这里插入图片描述

重复：

+：至少一个，*：0个或多个，?：0个或1个，

在这里插入图片描述

{x}：x个，{x,y}：x~y个，{x,}：至少x个

在这里插入图片描述

在这里插入图片描述

点.代表任意一个字符，

默认贪婪模式(只要符合条件，匹配到的字符长度尽可能得长)，加上?是懒惰模式:

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

限定词：^第一个单词（在方括号中代表取反），$最后一个单词

在这里插入图片描述

有两篇文章感觉挺好的：文一和文二

声明量词，条件判断：(?=ac)，判断后面有没有跟着ac；

目前支持等于，不支持不等于(?!ac)

在这里插入图片描述

表达式分组(括号)及引用

用括号括起来的是子表达式，也会被独立执行，得到一个结果

在这里插入图片描述

如果不想存储子表达式的结果，就在前面加"?:"
在这里插入图片描述
引用：以左括号做判断，字符模式中的第一个左括号括起的内容计算出来的结果，是\1，第二个左括号括起的内容计算出来的结果，是\2，以此类推…，并且这个时候是需要存储下子表达式的结果的
获取成对的对象，对象1:对象2 对象2:对象1:
读者福利

========

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

由于篇幅过长，就不展示所有面试题了，想要完整面试题目的朋友（另有小编自己整理的2024大厂高频面试题及答案附赠）


,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzM3OTAzNDY4,size_16,color_FFFFFF,t_70)

2401_84435885
关注
专栏目录
2020最全前端面试系列（正则表达式）（如何写出像大神一样让人看不懂的代码）
前端彭于晏的博客
07-23 8238
2020最全前端面试系列（正则表达式）（如何写出像大神一样让人看不懂的代码） 元字符 简写字符集 零宽度断言（前后预查） 标志 贪婪匹配与惰性匹配 (Greedy vs lazy matching)
前端面试--正则表达式练习
CS13477062349的博客
03-29 819
# 正则表达式 ### 创建正则表达式 1. 使用一个正则表达式字面量 ```js const regex = /^[a-zA-Z]+[0-9]*\W?_$/gi; ``` 2. 调用RegExp对象的构造函数 ```js const regex = new RegExp(pattern, [, flags]) ``` ### 特殊字符 - ^ 匹配输入的开始 - $ 匹配输入的结束 ...
前端提高篇（三十）JS进阶22正则表达式语法
安之ccy的博客
03-03 204
菜鸟教程链接 正则表达式在线测试工具 看到正则这两个字，我的内心是这样的： 还是要学习的，等我熟练运用就不怕了，嗯 标志模式： 1.g：全匹配 2.i：不区分大小写 3.m：多行匹配 字符模式： 以/字符模式/的形式，里面的字符不用引号括起，否则就变成普通字符了 字符范围[abc],[0-9],[^abc] [abc]：代表’a’,‘b’,‘c’中任意一个 [0-9]：0-9任意一个 [^abc]：只要不是’a’,‘b’,'c’中任意一个（取反） 方括号只代表在此范围内取任意一个字符，包括空字符，所以.
java 与 android 常用正则表达式
Susan8888的专栏
08-14 939
1.由数字、26个英文字母或者下划线组成的字符串:       ^[0-9a-zA-Z_]{1,}$   2.非负整数（正整数 + 0 ）:       ^/d+$   3. 正整数:       ^[0-9]*[1-9][0-9]*$   4.非正整数（负整数 + 0）：       ^((-/d+)|(0+))$   5. 负整数 :       ^-[0-9]*[1-9][
50道正则表达式面试题目，你能答对几道？
xxdd0001的博客
06-13 2973
声明：文章来源微信公众号：转行学数据分析。如需转载必须保留此段声明 前言 前面的文章介绍了正则表达式的基本语法，既然学会了语法，就要应用起来，因此这里搜集整理了50道题目，建议大家一定要尝试练习，说不定哪天面试笔试题会遇到。 正文 下面我们就来看看这50道题目，练习完肯定会有不少收获。文章来源微信公众号：转行学数据分析，50道题目答案请参见公众号历史文章。 1. \d，\W，\s，\B，.，*，+，?分别是什么? 2. (?=a)，(?<!a)，(?<=a)，(?!a)分别是什么？
前端vue实战项目结构、常用编辑器vs code 配置，2024年最新面试复盘总结怎么写
最新发布
m0_61067876的博客
04-19 998
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
web前端常见的面试题汇总(一），2024年最新字节跳动面试官网
m0_60707708的博客
04-12 874
相同点:不会堵塞页面的加载不适用于内部的js（即是再页面中引入外部文件时使用）这两个属性的js脚本代码不能使用document.write()方法2）不同点defer是HTML4中script的属性async是HTML5中script中的属性使用了defer属性的脚本代码是在页面完全加载完毕之后再执行使用了async属性的脚本代码和页面一并加载（异步），当该js脚本下载完成时立即执行3）使用场景。
超高频前端【基础】面试问题及答案整理，2024年最新字节跳动+京东+360+网易面试题整理
m0_61549984的博客
04-13 883
三套“算法宝典”算法刷题LeetCode中文版（为例）人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。最后，我想说的是，无论你现在什么年龄，位于什么城市，拥有什么背景或学历，跟你比较的人永远都是你自己，所以明年的你看看与今年的你是否有差距，不想做咸鱼的人，只能用尽全力去跳跃。祝愿，明年的你会更好！三套“算法宝典”算法刷题LeetCode中文版（为例）
JavaScript进阶（二十六）：ES各版本特性详解_es版本，2024Web前端春招面试真题
m0_60721907的博客
04-17 957
开头的标识符为私有标识符，由私有标识符定义的类元素被称为私有类元素，私有类元素只能在类中才能被访问到。静态块提供了更加灵活的静态类元素初始化渠道，可以在静态块中使用一系列的语句来完成静态类元素的初始化。利用下标访问数组元素时，下标会被转换为字符串，负数下标也对应着一个独立的数组元素，所以 Js 的数组是不支持关联访问的。以上就是私有类元素的用法，它有效隔离了类内外的数据和逻辑，进一步增强了封装的效果，使程序更加健壮。在类的内部可以正常访问私有类元素，在类的外部访问私有类元素会抛出句法错误。
前端300道常见面试题，前端找工作必备_前端面试题(1)，2024年最新Web前端电话面试技巧
m0_60732644的博客
04-14 1062
但两者在参数上有区别的。Jsonp 并不是一种数据格式，而 json 是一种数据格式，jsonp 是用来解决跨域获取数据的一种解决方案，具体是通过动态创建 script 标签，然后通过标签的 src 属性获取 js 文件中的 js 脚本，该脚本的内容是一个函数调用，参数就是服务器返回的数据，为了处理这些返回的数据，需要事先在页面定义好回调函数，本质上使用的并不是 ajax 技术。有的网站展示它，有的则收集它，有的寻求，有的操作， 还有的网站甚至会包含以上的种种，但相同点是它们全都涉及到内容。
前端面试--正则表达式
weixin_42439051的博客
04-16 313
前阵子面试遇到正则表达式，是自己平时比较疏忽的一个点，因此复习了一番做下笔记。 面试题 使用正则表达式检查某段字符串是否为 URL。U RL 的认定标准：以「协议://」开头，例如「http://」、「https://」、「ftp://」、「file://」等，但无需校验是否为有效协议 解答： ([a-z]+):\/\/ 测试网站 字符匹配 1 \d 表示0-9的一位数字 2 \D 除数字以外的任意字符 3 \w 表示数字，大小写字母以及下划线 4 \W 非单词字符 5 \s 表示空白符 \f \
js正则表达式常见面试题
weixin_30911809的博客
01-13 560
1 . 给一个连字符串例如：get-element-by-id转化成驼峰形式。 var str = "get-element-by-id"; var reg = /-\w/g; // 匹配横杆以及之后的一个字符，全局匹配 console.log(str.replace(reg,function($0){ return $0.slice(1).toUpperCase(); // 匹配...
前端面试题-正则表达式
Geek
06-11 2129
用户名、整数、电子邮件地址（Email）、手机号码正则。表单验证必备！ 用户名正则 // 6到16位（大小字母，数字，下划线，减号） var username=/^[A-z0-9_-]{6,16}$/; 整数正则 var posPattern=/^\d+$/; //匹配正整数 var negPattern=/^-\d+$/; //匹配负整数 var integer=/^-?
js ==和===以及！= 和 ！==的区别
weixin_30425949的博客
06-08 88
一、js == 与 === 的区别[转] 1. 对于string,number等基础类型，==和===是有区别的 　　1）不同类型间比较，==之比较“转化成同一类型后的值”看“值”是否相等，===如果类型不同，其结果就是不等 　　2）同类型比较，直接进行“值”比较，两者结果一样 2. 对于Array,Object等高级类型，==和===是没有区别的,进行“指针地址”比较 3. 基...
前端中括号使用总结
云雨之石的博客
07-24 1412
js中的[] 在js中，[]的作用除了数组之外，还有解构赋值和对于对象属性的操作。下边展示一些代码样例。 解构赋值： let obj = [1,2,3]; let obj2 = [4,5]; let obj3 = [6,7]; let [a,b,c] = [obj,obj2,obj3]; console.log(a,b,c); console.log([a,b,c]); let data = [1,2,3,4]; let [d,e,f,...g] = data; console.log(d,e,f,g);
JS正则表达式大全(整理详细且实用)
ldjunxx的博客
01-19 1055
正则表达式中的特殊字符 字符 含意 \ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。  -或-  对正则表达式功能字符的还原，如"*"匹配它前面元字符0次或多次，/a*/将匹配a,aa,aaa，加了"\"后，/a\*/将只匹配"a*"。  ^ 匹配一个输入或一行的开头，/^a/匹配"an A"，而
JS基础练习题及答案（一）
Hi_Eleven的博客
07-24 1万+
一、单选题（共30题，每题2分） 得分：2.0分 1.如下代码，会弹出来是什么 alert(a);var a=12; A报错 Ba is not define Cundefined D12 正确答案:C 解析:变量提升 2.JavaScript的组成不包括 AECMAScript BDOM CBOM Ddocument 正确答案:D 3.以下代码执行后，分别弹出来的值是： var num1=1; function testf1(){ n...
js中两个表达式运算结果的解析: []==![] 和{}==!{}
baipu7874的博客
08-31 654
[]==![] 1. 感叹号！的优先级最高，因此先计算![], 其结果为 false, 所以表达式被转换成： []==false. 3. 遇到Boolean类型，需要先转换成Number类型,所以表达是变成 []==0 4. 0是基础类型，[]是引用类型，所以引用类型需要转换成基础类型：[]转换的结果是 ([]).valueOf().toString(),为 “”， 所以表达式...
js三元表达式，多个判断条件的写法 | 两个等号（==）和三个等号（===）的区别
热门推荐
NRGAGA的专栏
08-07 1万+
var a = 3; var b = a === 1 ? '是1' : (a === 2 ? '是2' : '不是1也不是2') console.log(b); //不是1也不是2 1. "=="表示：equality -> 等同 的意思， "=="使用两个等号时，如果两边值的类型不同的时候，是要先先进行类型转换后，才能做比较。 2. "==="表示：identity -> 恒等...
JavaScript进阶：正则表达式、Cookie管理和userData详解
在JavaScript的进阶篇1中，我们将深入探讨正则表达式、Cookie管理和userData这三个实用的主题。正则表达式是一种强大的文本处理工具，用于描述字符串的规则。它实际上是由特定字符序列组成的，如"/expression/"，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值