JS string 正则提取|极客笔记

JS string 正则提取

在JavaScript中，我们经常需要从字符串中提取特定的信息。这时候就可以使用正则表达式来帮助我们实现这个功能。正则表达式是一种强大的模式匹配工具，可以用来查找、编辑和处理文本。

本文将详细介绍如何在JavaScript中使用正则表达式来提取字符串中的信息。

什么是正则表达式

正则表达式，也称为正则，是一个用来描述字符模式的对象。通过使用正则表达式，我们可以在字符串中进行模式匹配，实现各种复杂的文本处理操作。

正则表达式由两部分组成：

字符组成的模式
描述这些字符如何排列、组合和出现的规则

举个简单的示例，正则表达式[a-z]表示匹配任意小写字母。

使用正则表达式提取字符串

在JavaScript中，我们可以使用正则表达式的exec()方法来提取字符串中的信息。exec()方法会在字符串中查找匹配正则表达式的内容，并返回匹配的结果。

下面是一个简单的示例代码，演示了如何使用正则表达式提取字符串中包含数字的部分：

const str = 'I have 2 apples and 3 oranges.';
const pattern = /\d+/g;
let result;

while ((result = pattern.exec(str)) !== null) {
  console.log(result[0]);
}

上面的代码中，我们定义了一个字符串str和一个正则表达式/\d+/g，该正则表达式用于匹配字符串中的数字。然后我们使用exec()方法来提取字符串中的数字，并打印出来。

在这个示例中，正则表达式/\d+/g中：

\d表示匹配任意数字
+表示匹配前面的字符一个或多个次
g表示全局匹配

常用的正则表达式符号

在编写正则表达式时，我们可以使用一些常用的符号来描述字符串的模式。下面介绍一些常用的正则表达式符号：

\d: 匹配任意数字
\w: 匹配任意字母、数字或下划线
\s: 匹配任意空白字符，包括空格、制表符、换行符等
.: 匹配除换行符之外的任意字符
^: 匹配字符串的开头
$: 匹配字符串的结尾
*: 匹配前面的字符零次或多次
+: 匹配前面的字符一次或多次
?: 匹配前面的字符零次或一次
[]: 匹配括号中任意一个字符
|: 或操作符，匹配两个表达式中的任意一个

示例代码

下面是一个更复杂的示例代码，演示了如何使用正则表达式从一段HTML代码中提取所有链接的地址：

const html = '<a href="https://www.example.com">Example</a> <a href="https://www.google.com">Google</a>';
const pattern = /href="([^"]*)"/g;
let result;

while ((result = pattern.exec(html)) !== null) {
  console.log(result[1]);
}

在这个示例中，正则表达式/href="([^"]*)"/g中：