首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js正则表达式例子

当然,正则表达式(Regular Expression)在JavaScript中是一个非常强大的工具,用于在字符串中进行搜索、替换或匹配特定的模式。以下是一些常见的JavaScript正则表达式例子:

1. 匹配邮箱地址

代码语言:txt
复制
const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
const email = "example@example.com";
console.log(emailRegex.test(email)); // 输出: true

2. 匹配手机号码(中国)

代码语言:txt
复制
const phoneRegex = /^1[3-9]\d{9}$/;
const phone = "13800138000";
console.log(phoneRegex.test(phone)); // 输出: true

3. 匹配URL

代码语言:txt
复制
const urlRegex = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([/\w .-]*)*\/?$/;
const url = "https://www.example.com";
console.log(urlRegex.test(url)); // 输出: true

4. 替换字符串中的特定内容

代码语言:txt
复制
const text = "Hello, World!";
const newText = text.replace(/World/g, "JavaScript");
console.log(newText); // 输出: "Hello, JavaScript!"

5. 分割字符串

代码语言:txt
复制
const sentence = "apple, banana, cherry";
const fruits = sentence.split(/, /);
console.log(fruits); // 输出: ["apple", "banana", "cherry"]

6. 验证密码强度

以下正则表达式可以验证密码是否包含至少一个大写字母、一个小写字母、一个数字和一个特殊字符,且长度在8-20个字符之间:

代码语言:txt
复制
const passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,20}$/;
const password = "Password123!";
console.log(passwordRegex.test(password)); // 输出: true

7. 提取HTML标签中的内容

如果你想从HTML标签中提取内容,你可以使用以下正则表达式:

代码语言:txt
复制
const html = "<div>Hello, World!</div>";
const content = html.match(/<div>(.*?)<\/div>/);
console.log(content[1]); // 输出: "Hello, World!"

注意:虽然正则表达式可以用于解析HTML,但通常不推荐这样做,因为HTML的结构可能非常复杂,使用专门的HTML解析器更为可靠。

8. 验证日期格式(YYYY-MM-DD)

以下正则表达式可以验证日期是否符合YYYY-MM-DD的格式:

代码语言:txt
复制
const dateRegex = /^\d{4}-\d{2}-\d{2}$/;
const date = "2023-07-06";
console.log(dateRegex.test(date)); // 输出: true

这些只是正则表达式的一些基本例子。正则表达式的语法和功能非常丰富,可以用于解决各种复杂的字符串匹配和处理问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • js模块化例子

    最近在看一本书,里面提到js的模块化,觉得很有必要,所以记录下来 Game.js /** * This is the main class that handles the game life cycle..._canvas.height); }; ---- boardRenderer.js /** * 这个类负责绘制,棋盘,球 * @param context the 2d context to draw..._rows; }; ---- boardModel.js /** * 这个类是负责保存/验证/返回当前游戏的状态 * 如当前的玩家是谁、每个单元格放的是什么球、 * 是不是谁赢了 * @param...this.reset(); } /** * 0代表单元格为空,1代表单元格有红色球,2代表单元格有绿色球 * 因为怕以后忘记这些数字代表什么,干脆把数字存到常量里,代码看起来易懂, * 但是这么多字,前端的js...* ps.变量名全大写表示这是常量,这是一个js程序员之间的约定,表达为 CAPITAL_CASED。

    4.7K20

    js正则表达式

    js正则表达式 目录 正则表达式定义及作用 字符串方法使用正则表达式 修饰符及模式 RegExp对象 实际用例 正则在线工具 正则表达式定义及作用 定义 使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式...语法 /正则表达式主体/修饰符(可选) 作用 文本搜索 文本替换 字符串方法使用正则表达式 search()方法 检索与正则表达式相匹配的子字符串,并返回子串的起始位置 代码实例 var...) console.log(n) 输出结果 2 代码解释 i是一个修饰符, 表示搜索不区分大小写 search()方法也可以用于检索字符串中指定的子字符串 replace()方法 替换第一个与正则表达式匹配的子串...匹配任何包含零个或一个n的字符串 RegExp对象 RegExp对象是一个预定义了属性和方法的正则表达式对象 test()方法 用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本...正则表达式在线生成工具 http://tools.jb51.net/regex/create_reg

    7.3K30

    js正则表达式(一)

    https://blog.csdn.net/wkyseo/article/details/78017841 最近对正则表达式又不熟悉了,故重新疏漏API,以后每日写一个正则来练习提升 正则表达式中特殊字符的含义...\n //一个反向引用(back reference),指向正则表达式中第 n 个括号? (?:x) //Matches x but does not remember the match....compile compile() 方法用于在脚本执行过程中编译正则表达式,也可用于改变和重新编译正则表达式。...最新标准已废弃 支持正则表达式的 String 对象的方法 search stringObject.search(regexp) 返回值:stringObject 中第一个与 regexp 相匹配的子串的起始位置...如果第一个参数是正则表达式,并且其为全局匹配模式,那么这个方法将被多次调用, 每次匹配都会被调用。 变量名 代表值 match 匹配的子串(不是分组)。(对应于上述的$&。)

    3.8K40

    「JS高级」正则表达式

    1.正则表达式概述1.1什么是正则表达式正则表达式( ... 请注意,本文编写于 2058 天前,最后修改于 2058 天前,其中某些信息可能已经过时。...1.正则表达式概述 1.1什么是正则表达式 正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。...其他语言也会使用正则表达式,本阶段我们主要是利用JavaScript 正则表达式完成表单验证。 1.2 正则表达式的特点 灵活性、逻辑性和功能性非常的强。...比如用户名: /^[a-z0-9_-]{3,16}$/ 2.正则表达式在js中的使用 2.1正则表达式的创建 在 JavaScript 中,可以通过两种方式创建一个正则表达式。...3.正则表达式中的特殊字符 3.1正则表达式的组成 一个正则表达式可以由简单的字符构成,比如 /abc/,也可以是简单和特殊字符的组合,比如 /ab*c/ 。

    2.5K20

    js正则表达式梳理

    正则表达式简介 正则表达式(Regular Expression): 正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的租和,组成一个“规则字符串”,这个规则字符串用来表达对字符串的一种过滤逻辑...正则表达式的作用 给定的字符串是否符合正则表达式的过滤逻辑(匹配)。 可以通过正则表达式,从字符串中获取我们想要的特定部分(提取)。 强大的字符串替换能力(替换)。...正则表达式的组成 普通字符 abc 中国 123 等 特殊字符(元字符、限定符、中括号):正则表达式中有特殊意义的字符。 元字符 元字符就是在正则表达式中具有特殊含义的字符。 元字符 说明 ....,即变成了惰性匹配 js中使用正则表达式 1//方式1: 语法: var 变量 = new RegExp("规则","修饰符") 2var reg = new RegExp("d","g") 3 4//...方式2: 语法:var 变量 = /正则表达式/ (推荐使用) 5var reg = /d/g; 相关正则方法 正则对象.test(字符串); 校验匹配正则的子字符串,返回布尔值。

    5.2K10

    js特殊符号正则表达式_js正则表达式判断特殊字符

    JavaScript正则表达式功能: 搜索、替换、判断 JavaScript正则表达式格式: /正则表达式主体/修饰符 JavaScript正则表达式主体内容: JavaScript正则表达式中修饰符的使用...JavaScript正则表达式中方括号的使用: 将一些规则连在一起匹配一个字符 方括号: 表达式 描述 [abc] 查找方括号之间的任何字符。 [^abc] 查找任何不在方括号之间的字符。...JavaScript正则表达式中元字符的使用 需要使用转移符号,可以方便使用,可以认为是对方括号使用的简化: 元字符: 元字符 描述 . 查找单个字符,除了换行和行结束符。 \w 查找单词字符。...JavaScript中正则表达式应用场景: 搜索功能(字符串方法) search() 方法参数为字符串或者是正则表达式 返回结果为匹配成功的索引值,如果没有,返回-1 替换功能(字符串方法) replace...() 方法有两个参数,第一个用于匹配,第二个用于替换 第一个参数可以是字符串或者是正则表达式 第二个只能是字符串 判断功能(正则表达式方法) test() 参数只有一个,为判断的字符串,返回值表示是否匹配

    8.8K20

    js正则表达式语法

    匹配中文字符的正则表达式: [u4e00-u9fa5] 匹配双字节字符(包括汉字在内):[^x00-xff] 匹配空行的正则表达式:n[s| ]*r 匹配HTML标记的正则表达式:/.*|.../ 匹配首尾空格的正则表达式:(^s*)|(s*$) 匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)* 匹配网址URL的正则表达式...patrn.exec(s)) return false return true } 正则表达式速查表 字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。...正则表达式中可以使用ASCII编码。. \num 匹配num,其中num是一个正整数。对所获取的匹配的引用。例如,“(.)\1”匹配两个连续的相同字符。 \n 标识一个八进制转义值或一个向后引用。...常用正则表达式 用户名 /^[a-z0-9_-]{3,16}$/ 密码 /^[a-z0-9_-]{6,18}$/ 十六进制值 /^#?

    4.7K10

    js正则表达式校验金额-js正则表达式简单校验方法

    下面就js正则表达式的校验带来内容分享,同时要考虑在js中支持的类型。   ...[a-z]{2,4}){1,3}$/; return reg.test(str);}   到此这篇关于js正则表达式简单校验方法的文章就介绍到这了,更多相关js正则表达式校验内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持...js 正则表达式校验?   <   js验证密码的正则表达式。   完整的js正则表达式:   //强:字母+数字+特殊字符^(?![a-zA-z]+$)(?!\d+$)(?![!...@#$%^&*]+$ //中:字母+数字js正则表达式校验金额js正则表达式校验金额,字母+特殊字符,数字+特殊字符   ^(?![a-zA-z]+$)(?!\d+$)(?![!...js正则表达式验证数字大于15小于200   正则表达式如下:/^1[6-9]$|^[2-9]\d$|^1\d{2}$/。

    9K20
    领券