首页 > web前端 > js教程 > 正文

如何在 JavaScript 中搜索字符串中的模式?

WBOY
发布: 2023-08-30 12:13:01
转载
1370 人浏览过

在本文中,我们将搜索特定模式,并且仅传递与给定模式匹配的字符串。我们将使用以下方法来实现此功能 -

方法 1

在这种方法中,我们将搜索与给定模式匹配的字符串,并从细绳。 string.search() 是 JavaScript 提供的用于搜索字符串的内置方法。我们还可以在此方法中传递正则表达式或普通字符串。

语法

str.search( expression )
登录后复制

参数

  • str - 定义需要比较的字符串。

  • 表达式 - 定义将与字符串进行比较的字符串表达式

这将返回字符串的索引,其中字符串已开始匹配,如果字符串不匹配,将返回“-1”。

示例 1

在下面的示例中,我们将字符串与正则表达式进行比较,如果字符串匹配则返回其索引。如果没有,将返回-1。

#index.html

<!DOCTYPE html>
<html>
<head>
   <title>
      Creating Objects from Prototype
   </title>
</head>
<body>
   <h2 style="color:green">
      Welcome To Tutorials Point
   </h2>
</body>
   <script>
      const paragraph = &#39;Start your learning journey with tutorials point today!&#39;;
      // any character that is not a word character or whitespace
      const regex = /(lear)\w+/g;
      console.log("Index: " + paragraph.search(regex));
      console.log("Alphabet start: " + paragraph[paragraph.search(regex)]);
      // expected output: "."
   </script>
</html>
登录后复制

输出

如何在 JavaScript 中搜索字符串中的模式?

示例 2

在下面的示例中,我们创建了多个正则表达式,并在字符串上检查它们是否满足要求。

# index. html

<!DOCTYPE html>
<html>
<head>
   <title>
      Creating Objects from Prototype
   </title>
</head>
<body>
   <h2 style="color:green">
      Welcome To Tutorials Point
   </h2>
</body>
   <script>
      const paragraph = &#39;Start your learning journey with tutorials point today!&#39;;
      // any character that is not a word character or whitespace
      const regex = /(lear)\w+/g;
      const regex1 = /(!)\w+/g;
      const regex2 = /(!)/g;
      console.log("Index: " + paragraph.search(regex));
      console.log("Index: " + paragraph.search(regex1));
      console.log("Index: " + paragraph.search(regex2));
      console.log("Alphabet start: " + paragraph[paragraph.search(regex)]);
      // expected output: "."
   </script>
</html>
登录后复制

输出

如何在 JavaScript 中搜索字符串中的模式?

以上是如何在 JavaScript 中搜索字符串中的模式?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板