JavaScript正则表达式函数总结(常用)

JavaScript正则表达式函数总结(常用)

正则表达式是用于处理字符串的强大工具,JavaScript内置了正则表达式对象RegExp,使用正则表达式可以快速而灵活地解析、匹配和替换字符串。

常用正则表达式函数

test()

test()方法用于测试一个字符串是否匹配某个正则表达式,返回值为布尔类型,如果匹配成功,则返回true,否则返回false。

let str = 'Hello World!';
let reg = /world/i;
console.log(reg.test(str)); // true

exec()

exec()方法与test()方法类似,区别在于exec()方法返回一个数组,其中第一个元素是匹配到的字符串,后面的元素则是正则表达式中用括号括起来的分组捕获结果。

let str = 'Hello World!';
let reg = /(\w+)\s(\w+)/i;
console.log(reg.exec(str)); // ["Hello World", "Hello", "World"]

match()

match()方法用于在字符串内检索指定的值,返回匹配结果数组,如果未找到匹配,则返回null。

let str = 'The quick brown fox jumps over the lazy dog.';
let reg = /the/g;
console.log(str.match(reg)); // ["the", "the"]

replace()

replace()方法用于在字符串内部用一些字符串或正则表达式进行匹配,并且可以将匹配的结果替换为指定的字符串或者函数。

let str = 'Mr Blue has a blue house and a blue car';
let reg = /blue/gi;
let newStr = str.replace(reg, 'red');
console.log(newStr); // "Mr Red has a red house and a red car"

实际应用示例

验证手机号码

function isMobilePhone(phone) {
  let reg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
  return reg.test(phone);
}

console.log(isMobilePhone('13812345678')) // true
console.log(isMobilePhone('1381234567')) // false

验证邮箱地址

function isEmail(email) {
  let reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
  return reg.test(email);
}

console.log(isEmail('test@example.com')) // true
console.log(isEmail('invalidemail')) // false

以上是JavaScript正则表达式函数的常用总结,可以根据实际需求灵活应用。

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

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

相关文章

  • Javascript基础知识(二)事件

    Javascript基础知识(二)事件 一、事件的定义和使用 事件是指在操作网页时所产生的一系列动作,例如鼠标点击、键盘输入、窗口滚动等等。通过事件,我们可以给网页绑定相应的响应函数,实现网页的交互功能。 在Javascript中,事件通常被定义为对象的一种,可以使用addEventListener()方法来绑定事件函数。示例代码如下: document.g…

    JavaScript 2023年6月10日
    00
  • javascript实现时间日期的格式化的方法汇总

    标题 Javascript实现时间日期的格式化的方法汇总 介绍在Javascript中,实现时间日期格式化可以通过Date对象的方法和第三方库moment.js等方式来实现。本文汇总了几种常见的实现方式,并提供相关的示例说明。 方法1:使用Date对象的方法 在Javascript中,可以使用Date对象的方法对时间日期进行格式化。下面是一个例子,展示如何使…

    JavaScript 2023年5月27日
    00
  • 100多个基础常用JS函数和语法集合大全

    100多个基础常用JS函数和语法集合大全 简介 本文是一篇关于JavaScript函数和语法的大全,涵盖了100多个常见的、基础的JavaScript函数和语法,并包含了详细的示例和用法,旨在帮助初学者和进阶者掌握JavaScript的基本知识。 常见函数 1. alert() alert() 是一个经典的JavaScript函数,用于弹出一个消息框,通常用…

    JavaScript 2023年5月27日
    00
  • ES2020 新特性(种草)

    ES2020 新特性(种草) ES2020是ECMAScript标准的最新版本。此版本包含了许多新特性,使得JavaScript开发更加方便和高效。本篇攻略将介绍ES2020中的新特性。 1. 可选链操作符(?.) 通常情况下,在使用对象属性或方法之前,需要先检查该对象是否存在。比如: if (obj && obj.prop) { // do…

    JavaScript 2023年5月28日
    00
  • 用js实现输入提示(自动完成)的实例代码

    想要实现输入提示(autocomplete)功能,我们通常需要以下几个步骤: 1. 获取用户输入 在实现自动完成功能之前,我们首先需要获取用户的输入。在网页中,我们可以通过<input>标签来实现用户输入信息的获取,例如: <label for="username">用户名:</label> <i…

    JavaScript 2023年6月10日
    00
  • js清空form表单中的内容示例

    下面是详细讲解 “js清空form表单中的内容示例” 的完整攻略。 1. 使用原生 JavaScript 清空表单的内容 使用原生 JavaScript 可以很轻松地清空表单的内容。下面是清空一个 id 为 “form1” 的表单中所有的输入框的值: document.getElementById("form1").reset(); 上述…

    JavaScript 2023年6月10日
    00
  • Javascript图片上传前的本地预览实例

    下面是“Javascript图片上传前的本地预览实例”的完整攻略。 知识储备 在开始我们的实例之前,需要对以下知识进行了解: 用户通过 <input type=”file”> 选择本地图片,设置 onchange 事件来获取图片的文件信息; 利用 FileReader 对文件进行读取,获取读取后的文件对象; 将文件对象转化为图片的 url 地址,…

    JavaScript 2023年6月11日
    00
  • javascript的理解及经典案例分析

    JavaScript的理解及经典案例分析 JavaScript是一种轻量级的脚本语言,用于Web页面的动态交互和用户行为的操作。与其他语言相比,JavaScript具有易学易用、灵活性强、适用性广和运行速度较快等优点,因而被广泛应用于Web开发领域。 JavaScript的基本语法和特性 变量和数据类型 在JavaScript中,变量使用var关键字进行声明…

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