JavaScript 正则表达式 search() 方法使用指南

结果或目标

stringObject.search(regexp) 用于执行正则表达式搜索。其主要目标是返回第一个匹配成功的子字符串的起始索引位置；如果未找到匹配项，则返回 -1。
该方法是只读查询，不修改原字符串，且忽略全局标志（g）的影响，始终从字符串开头开始搜索。

准备条件

• 开发环境：支持 ECMAScript 标准的浏览器环境或 Node.js。
• 辅助库：本例中使用 jQuery (版本 1.8.2) 简化 DOM 操作，实际逻辑仅依赖原生 JS。
• 输入数据：包含待搜索关键词的 DOM 元素文本内容。

第 1 步：定义正则表达式与目标字符串

首先需要明确搜索的模式。在代码中，我们定义了一个非全局的正则对象：

var reg = /王美人/;

同时，通过 jQuery 选择器获取页面中 <p> 标签内的文本作为源字符串：

var str = $("p").text();

此时，str 的内容为：这是王美人的照片吗？真漂亮。

第 2 步：调用 search() 获取索引

核心操作是调用 search() 方法。该方法接收正则表达式作为参数，并返回匹配子串在原字符串中的索引值（从 0 开始计数）。

num = str.search(reg);

重要参数说明：
- 若匹配成功：返回最小索引值（例如，"王美人"在字符串中位于索引 2 处）。
- 若匹配失败：返回 -1。

第 3 步：处理索引与用户反馈

在实际应用中，通常需要区分“找到”和“未找到”的状态。本示例为了演示输出效果，对返回值进行了简单的加法运算（num++），并将结果显示在列表中。更严谨的做法是先判断是否等于 -1：

if (num !== -1) {
  $("ul").text("王美人出现在第 " + num + " 位");
} else {
  $("ul").text("未找到指定文本");
}

完整的交互流程封装在 jQuery 的点击事件中，确保文档加载完成后绑定按钮行为：

$(function(){
  $("button").click(function(){
    var str = $("p").text();
    var reg = /王美人/;
    num = str.search(reg);
    // 业务逻辑处理...
    $("ul").text("王美人出现在第 " + num + " 位");
  });
});

完成判断

当点击按钮后，控制台或页面上的 <ul> 元素应显示类似 “王美人出现在第 3 位” 的信息（注：示例代码中因有 num++ 操作，显示值会比实际索引大 1，实际使用时请移除增量操作以获取真实索引）。若文本中不存在关键词，则应提示未找到或保持空白。

简要总结

search() 是 JavaScript 中快速验证正则匹配是否存在及定位起点的轻量级方法。它与 match() 的主要区别在于：后者返回匹配详情数组，前者仅返回整数索引。在使用时，务必注意其返回值从 0 开始，且 -1 代表无匹配。

以上就是 JavaScript 正则表达式 search() 方法的详细内容，更多关于 JavaScript 正则表达式查找技巧的资料请关注本站其它相关文章！