JS正则表达式常见函数与用法小结

JS正则表达式常见函数与用法小结

一、正则表达式基础

1.1 基本语法

JS 的正则表达式使用反斜杠(backslash)来表示元字符,比如\d表示匹配数字字符,\w表示匹配任意字母数字字符,\s表示匹配空白字符等。

1.2 匹配模式

  • i:忽略大小写
  • g:全局匹配(即匹配完一次继续匹配下一次)
  • m:多行匹配模式

1.3 常见元字符

  • .:匹配除了换行符以外的任意一个字符
  • []:匹配方括号内的任意一个字符
  • |:或者
  • \:转义字符
  • ^:以什么开头
  • $:以什么结尾
  • \d:数字字符
  • \w:任意字母数字字符
  • \s:空白字符
  • \b:单词边界

二、常见函数与用法

2.1. test()

用正则表达式测试一个字符串是否匹配。该方法返回一个布尔值。

const str = 'hello world';
const pattern = /world/;
console.log(pattern.test(str)); // true

2.2. exec()

用正则表达式测试一个字符串是否匹配,并返回匹配结果。该方法返回一个数组,第0项为正则表达式匹配到的字符串,后面是正则表达式匹配分组的结果。

const str = 'hello world';
const pattern = /world/;
console.log(pattern.exec(str)); // ['world', index: 6, input: 'hello world', groups: undefined]

2.3. match()

在一个字符串中查找与正则表达式匹配的子串,并返回一个数组,数组的所有元素都是与正则表达式匹配的字符串。

const str = 'hello world';
const pattern = /l/g;
console.log(str.match(pattern)); // ['l', 'l', 'l']

2.4. replace()

用一个新字符串替换所有匹配到的字符串。

const str = 'JavaScript is the best programming language';
const pattern = /JavaScript/;
const newStr = str.replace(pattern, 'Java');
console.log(newStr); // 'Java is the best programming language'

2.5. search()

查找字符串中第一个与正则表达式匹配的子串的位置。该方法返回一个整数,表示匹配到的字符串的位置,如果没有匹配到则返回-1。

const str = 'hello world';
const pattern = /world/;
console.log(str.search(pattern)); // 6

三、示例说明

3.1. 检查密码强度

一个强密码至少包含一个大写字母、一个小写字母、一个数字和一个特殊字符,可以通过正则表达式检查密码是否符合要求。

function checkPassword(password) {
  const pattern = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*]).{8,}$/;
  return pattern.test(password);
}

console.log(checkPassword('abc123!')); // false
console.log(checkPassword('ABc123!')); // true

3.2. 格式化电话号码

将电话号码格式化为xxx-xxx-xxxx的形式,可以使用正则表达式的replace()函数。

function formatPhoneNumber(phone) {
  const pattern = /(\d{3})(\d{3})(\d{4})/;
  return phone.replace(pattern, '$1-$2-$3');
}

console.log(formatPhoneNumber('1234567890')); // '123-456-7890'

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS正则表达式常见函数与用法小结 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • DOM基础教程之使用DOM + Css

    DOM(Document Object Model)是一种用于处理HTML,XML等文档的接口。使用DOM结合CSS可以实现丰富多彩的网页效果,接下来我们来讲解使用DOM和CSS的完整攻略。 步骤1:在HTML中引入CSS文件 首先,在HTML头部引入CSS文件,以便在DOM中使用CSS样式。 <head> <link rel="…

    JavaScript 2023年6月10日
    00
  • JavaScript动态创建div等元素实例讲解

    针对“JavaScript动态创建div等元素实例讲解”的完整攻略,我给出以下内容: 1. 动态创建元素 在 JavaScript 中,我们可以使用 document.createElement() 方法来动态创建元素。其语法格式如下: var element = document.createElement(tagName); 其中,tagName 表示要…

    JavaScript 2023年6月10日
    00
  • Javascript Math abs() 方法

    JavaScript中的Math.abs()方法用于返回一个数的绝对值。该方法接受一个参数,即要计算绝对值的数值。以下是关于Math.abs()方法的完整攻略,包括两个示例。 JavaScript Math对象中的abs()方法 JavaScript Math对象中的abs()方法用于返回一个数的绝对值。该方法接受一个参数,即要计算绝对值的数值。 下面是ab…

    JavaScript 2023年5月11日
    00
  • js字符串分割处理的几种方法(6种)

    根据您提供的话题需要,下面是对 js 字符串分割处理的几种方法进行详细的讲解和实例说明。 一、使用 split() 方法 split() 方法是 JavaScript 中常用的字符串分割方法之一。它可将一个字符串拆分成多个子字符串,然后将这些子字符串存放到一个数组中,最后返回该数组。具体使用方式如下: const str = ‘hello world’; c…

    JavaScript 2023年5月28日
    00
  • 一个写得较好的JavaScript日期挑选控件

    当我们需要在网站中使用日期选择控件时,一个好的JavaScript日期挑选控件可以极大地帮助我们提高开发效率和用户体验。在使用JavaScript日期控件之前,我们需要考虑以下几个因素: 控件的易用性 控件的可定制性 控件的兼容性 在选择JavaScript日期控制器之前,需要仔细考虑以上因素,以确定控件的选择是否适合我们的需求。 以下是一个基于jQuery…

    JavaScript 2023年6月10日
    00
  • javascript动画之圆形运动,环绕鼠标运动作小球

    JavaScript动画之圆形运动 在JavaScript中,通过使用CSS3的transform属性或canvas绘图API,可以实现圆形运动效果。接下来,我们以transform属性为例进行详细讲解。 示例1:物体沿圆形路径运动 首先,需要准备一个容器和一个要运动的物体。将其设置为圆形,如下所示: <div id="container&q…

    JavaScript 2023年6月10日
    00
  • JS实现的Unicode编码转换操作示例

    JS实现Unicode编码转换操作可以通过String对象提供的charCodeAt和fromCharCode方法实现。 charCodeAt方法 charCodeAt方法可以通过字符在Unicode编码中的位置返回一个0到65535之间的整数。示例如下: const letter = ‘A’; const unicode = letter.charCode…

    JavaScript 2023年5月20日
    00
  • 12种实现301网页重定向方法的代码实例(含Web编程语言和Web服务器)

    标题:12种实现301网页重定向方法的代码实例 什么是301网页重定向? 301网页重定向是一种将一个URL重定向到另一个URL的技术,被广泛用于网站重构、域名更改等场景中。重定向的状态码为301,它告诉搜索引擎,原始的URL已经永久性地移到了新的URL,此时搜索引擎会把原始的SEO权重传递给新的URL。 实现301网页重定向的12种方法 1. 使用HTTP…

    JavaScript 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部