当前位置：
  1. 首页
  2. 前端开发
  3. JavaScript
  4. 正文

在 javascript 中检查一个字符串是否与 REGEX 匹配

JavaScript 53

JavaScript 有一种不同的方式来表示正则表达式修饰符、量词和元字符。但这些通常表示与任何其他正则表达式约定相同的含义。

匹配字符串甚至在句子中搜索字符串或字符时会计算正则表达式匹配。从技术上讲，我们从给定字符串中提取子字符串并与正则表达式进行比较。

在这里，我们将讨论通过生成的正则表达式检索匹配项的三种方法。在这种情况下，我们将使用 test()、match()、exec() 和 matchAll() 方法。

使用 test() 方法与正则表达式进行字符串匹配

关于 test() 方法，首先要了解的是格式推断匹配条件。这种特定的方法只喜欢布尔格式来回答。

方便在有条件的情况下进一步操作功能。所以，一般形式是 regular_expression.test(string)。

让我们跳到代码上看个清楚。

代码片段：

var string = 'abc123 is a ridiculous name';
var regularExpression = /\w\d+/;
var found = regularExpression.test(string);
console.log(found);

输出：

在 javascript 中检查一个字符串是否与 REGEX 匹配

如你所见，这里的正则表达式描述了查找单个单词后跟至少一个或多个数字。根据我们的字符串，它有一个匹配，因此结果是 true。

使用 match() 方法与正则表达式进行字符串匹配

用正则表达式匹配确切的字符串需要显示匹配。当我们依赖 match() 方法时，它返回整个字符串的正确匹配。

它将利用正则表达式中的每个表达式，最终输出将是匹配的字符串。

代码片段：

var string = 'abc123 is a ridiculous name';
var regex = /i\w/g;
var found = string.match(regex);
console.log(found);

输出：

在 javascript 中检查一个字符串是否与 REGEX 匹配

在这种情况下，我们有格式 string.match(regex)，这里正则表达式要求查找具有 i 后跟任何其他字符词的子集。所以它成功地做到了，但在下一节中，我们还将看到 match() 与 exec() 方法有何不同。

使用 exec() 方法与正则表达式进行字符串匹配

在前面的 match() 方法示例中，我们可视化了正则表达式 /i\w/g 如何提取所有可能的匹配项。但是在这里，对于 exec() 方法，答案将只有一个字符串的初始匹配。

这就是 exec() 方法所做的事情，这很方便，并且通常作为约束工作。让我们看一下代码以便更好地理解。

代码片段：

var string = 'abc123 is a ridiculous name';
var regex = /i\w/g;
var found = regex.exec(string);
console.log(found);

输出：

在 javascript 中检查一个字符串是否与 REGEX 匹配

使用 matchAll() 方法与正则表达式进行字符串匹配

exec() 方法无法从字符串中定义所有可能的匹配项。因此，更新包括 matchAll() 方法以返回与数组格式的正则表达式匹配的所有子集。

代码片段：

var string = 'abc123 is a ridiculous name';
var regex = /i\w/g;
var found = string.matchAll(regex);
for (var match of found){
    console.log(match);
}

输出：

在 javascript 中检查一个字符串是否与 REGEX 匹配

exec() 和 matchAll() 方法之间的核心区别在于 exec() 方法仅返回第一个匹配项，并且当其后跟一个 while 循环时，它可以遍历所有可能的匹配项。

但是在 matchAll() 方法的情况下，如果不启动循环系统，你将无法访问匹配项。虽然它确实会导致可能的匹配。

这个约定也符合 for...of 循环。总的来说，match() 方法满足所有类型的查找字符串匹配的查询。

上一篇 在 JavaScript 中从字符串中删除最后一个字符
下一篇 在 JavaScript 中将整数转换为字符串

相关文章

    当前位置：
  1. 首页
  2. 前端开发
  3. JavaScript
  4. 正文

在 JavaScript 中检查一个值是否为 NaN

JavaScript 4

JavaScript 中的 NaN 值可能会使该语言的新手感到困惑，尤其是因为它们经常与 undefined 或 Null 值混淆。NaN 是 Not-a-Number 的首字母缩写词，其目的非常明显。

JavaScript 可能难以区分不同的未定义值。在处理 NaN 值时，布尔运算也有一些你必须注意的问题。

在某些情况下，必须检查某个值是否属于 NaN 类型。因此，这里有一些方法可以用来检查值是否为 NaN。

使用内置 isNaN() 函数检查 JavaScript 中的值是否为 NaN

执行此检查的最有用的方法之一是使用标准库方法 isNaN()。如果你给它的值是 NaN，那么这个函数的返回值将是 true。这是一个如何在代码中使用它的示例：

let myvar_1 = "dog";
let myvar_2 = "2";

console.log(isNaN(myvar_1));
console.log(isNaN(myvar_2));

输出：

true
false

结合 isNaN() 与 parseFloat() 处理空字符串

如上所述，你必须注意一些问题。其中之一涉及空字符串，当使用 isNaN() 函数时将返回 false。这是一个例子：

let myvar_1 = "";

console.log(isNaN(myvar_1));

输出：

false

自然，在这种情况下，这可能不是你想要的结果。为了正确处理这些情况，你可以在 isNaN() 函数中添加 parseFloat() 方法，如下所示：

let myvar_1 = "";

console.log(isNaN(parseFloat(myvar_1)));

输出：

true

在 JavaScript 中使用比较运算符检查值是否为 NaN

下面的方法比上面详述的方法更快，而且它需要的代码也更少。另一方面，它有点令人困惑，更不用说它可能很难正确维护和记录。

简而言之，JavaScript NaN 值是唯一不等于自身的值。正因为如此，一个简单的比较可以很容易地告诉你你感兴趣的值是否是 NaN。下面是它的工作原理：

let myvar_1 = NaN;
let myvar_2 = "dog";
let myvar_3 = "2";
 
console.log(myvar_1 !== myvar_1);
console.log(myvar_2 !== myvar_2);
console.log(myvar_3 !== myvar_3);

输出：

true
false
false

此方法与 isNaN() 函数的工作方式不同。在前面的示例中，可以解析为数字的字符串被视为数字。如果你使用比较运算符，那么相同的字符串将不会被解析为数字。如果该值明确定义为 NaN，则此特定示例仅返回 true。

两种方法都有其优点，但你应该知道它们的操作方式不同，因此我们应该避免将它们混合在同一个代码库中。

上一篇 在 JavaScript 中获取变量的类型
下一篇 在 JavaScript 的单行中声明多个变量

相关文章