使用JavaScript正则表达式查找非数字字符

在本教程中，我们将学习如何使用JavaScript正则表达式查找非数字字符。ASCII码'A'是65，'a'是97，等等。现在，我们将检查如何使用RegExp在给定文本中查找非数字元素(\D)。

RegExp是一个对象，它指定用于对字符串执行搜索和替换操作或进行输入验证的模式。RegExp在ES1中引入，并被所有浏览器完全支持。

语法

非数字元素的语法是：

new RegExp("\D") or simply /\D/

/\D/，在ES1中引入。它被所有浏览器完全支持，例如Chrome、IE、Safari、Opera、FireFox和Edge。

RegExp具有修饰符，如g、i、m。“g”用于执行全局匹配，“i”用于执行不区分大小写的匹配，“m”用于执行多行匹配。

带有修饰符的\D语法：

new RegExp("\D", "g") or simply /\D/g

查找非数字字符的步骤

步骤1 - 定义一个包含一些非数字字符的字符串。

步骤2 - 定义一个正则表达式以仅查找数字。

步骤3 - 执行字符串和正则表达式之间的匹配。

步骤4 - 显示结果，即非数字字符。

示例

在下面的示例中，我们使用JavaScript中的match()方法和正则表达式查找非数字字符。

<!DOCTYPE html>
<html>
<body>
   <h2>Finding non-digit characters</h2>
   <p>Non-digits characters:
      <p id = "result"></p>
   </p>
   <script>
      let text = "200 students qualified in the exam out of 250";
      let pattern = /\D/g;
      let result = text.match(pattern);
      document.getElementById("result").innerHTML=result;
   </script>
</body>
</html>

在这里，如果给定文本中存在非数字字符，match()方法将返回非数字字符数组，否则将返回null。根据match()方法的输出，我们可以执行操作。例如：

示例

在下面的示例中，我们定义一个没有任何非数字字符的字符串，并尝试在字符串中查找非数字字符。

<!DOCTYPE html>
<html>
<body>
   <h1>Finding non-digit element</h1>
   <p id = "result"></p>
   <script>
      let text = "200250";
      let pattern = /\D/g;
      let result = text.match(pattern);
      if(result == null){
         document.getElementById("result").innerHTML= "Sorry, No non-digits are found in the text";
      }else{
         document.getElementById("result").innerHTML= "Non-digit characters are: " + result;
      }
   </script>
</body>
</html>

例如，输入文本中没有非数字字符。因此，如果执行该语句。如果输入文本包含非数字字符，则将执行另一部分。

示例

现在，我们将检查如何替换非数字字符。让我们看一个例子

<!DOCTYPE html>
<html>
<body>
   <h1>Replace non-digit character(s)</h1>
   <p>After replacing non-digit character(s):
      <p id = "result"></p>
   </p>
   <script>
      let text = "200 students qualified in the exam out of 250";
      let pattern = /\D/g;
      let result = text.split(/\D/g).join(" ");
      document.getElementById("result").innerHTML=result;
   </script>
</body>
</html>

示例

我们还将检查另一种替换非数字字符的方法。让我们看一个例子

<!DOCTYPE html>
<html>
<body>
   <h1>Replace non-digit character(s)</h1>
   <p>After replacing non-digit character(s):
      <p id = "result"></p>
   </p>
   <script>
      let text = "200 students qualified in the exam out of 250";
      let pattern = /\D/g;
      let result = text.replace(/\D/g , " ");
      document.getElementById("result").innerHTML=result;
   </script>
</body>
</html>

正如我们所讨论的，g用于全局匹配。它不会在第一次出现时停止，而是会查找所有出现。

希望这篇文章能帮助你了解如何在JavaScript中使用RegExp查找非数字字符。

更新于：2022年12月8日

2K+浏览量

启动您的职业生涯

完成课程获得认证

开始学习
广告