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日

相关文章

  • 深入学习JavaScript对象

    深入学习JavaScript对象 介绍 JavaScript 中的对象是一种复杂的数据类型,它可以用来组织和存储数据。本攻略将介绍 JavaScript 对象的基本概念以及如何使用它们。 创建对象 在 JavaScript 中有两种创建对象的方式:利用对象字面量和利用构造函数。 对象字面量 对象字面量是由一对花括号包裹的键值对集合。 // 创建一个对象字面量…

    JavaScript 2023年5月17日
    00
  • js中eval详解

    JS中eval详解 eval 函数是 JavaScript 中的一个内置函数,它将字符串作为代码来解析和执行。这个函数通常被认为是危险的,因为它可以执行任何代码,包括恶意代码,从而导致安全风险。因此在使用 eval 函数时需要格外小心。 eval的语法 eval 函数的语法如下: eval(string) 其中,string 是一个字符串,可以包含任何有效的…

    JavaScript 2023年5月18日
    00
  • javascript中的try catch异常捕获机制用法分析

    JavaScript中的try-catch异常捕获机制用法分析 什么是try-catch? 在JavaScript中,try-catch结构是一种异常捕获机制。它用于检测和处理代码中的错误,有助于提高程序的容错性,同时能够更好地调试代码。 try-catch结构由try块和捕获异常的catch块组成。try块中包含可能会出现异常的代码段,catch块可以捕获…

    JavaScript 2023年5月28日
    00
  • JavaScript防抖动与节流处理

    JavaScript中防抖动和节流是常用的优化技术,用于优化页面交互和性能,下面将详细介绍防抖动和节流的实现原理以及应用场景。 什么是防抖动 在JavaScript处理页面事件时,比如按钮点击事件,如果用户频繁点击,则会导致事件的重复执行,从而浪费资源并影响用户体验。防抖动的作用是将这些重复的事件的执行合并为一次执行,从而优化页面性能。 实现原理:防抖动的原…

    JavaScript 2023年6月11日
    00
  • javascript 动态创建表格的2种方法总结

    当我们需要在网页中插入大量的数据时,常常会选择将数据以表格的形式展示出来。使用JS动态创建表格,不仅可以大大减轻前端工作量,还可以根据数据动态生成表格,增加用户体验。 本篇攻略将介绍2种最常见的JS动态创建表格的方法,分别是通过innerHTML方法和DOM API的createElement方法。下面依次介绍这两种方法: 一、innerHTML方法 通过i…

    JavaScript 2023年6月10日
    00
  • JavaScript循环遍历的24个方法,你都知道吗

    JavaScript循环遍历的24个方法攻略 在JavaScript编程中,循环遍历是非常常见的操作。以下罗列了24个JavaScript循环遍历的方法: 1. for循环 for循环是最基本、最常见、最易懂的循环遍历方法。每次循环可以使迭代变量前往下一项。 for (var i = 0; i < arr.length; i++) { console.…

    JavaScript 2023年5月27日
    00
  • JS Common 2 之比较常用到的函数

    JS Common 2 之比较常用到的函数 在JavaScript中,有一些函数几乎在每个项目中都会用到,这些函数涵盖了数组、字符串等数据类型的处理,本文将对这些函数进行详细讲解。 Array.prototype.map() 定义 map()方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。 语法 array.map(callb…

    JavaScript 2023年6月10日
    00
  • JavaScript 学习笔记(十三)Dom创建表格

    以下是对“JavaScript 学习笔记(十三)Dom创建表格”的详细讲解: 什么是DOM DOM(Document Object Model)是一种表示文档结构的方式,它将整个文档看做是一个文档树形结构,树形结构中的每个节点都一个文档对象,节点可以有属性,也可以有子节点。 在Web页面中,DOM树形结构代表了页面的结构,我们可以通过JavaScript来操…

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