在前端开发中，我们经常需要在一个包含多个字符串的数组中查找特定的字符串。这种情况下，我们可以使用一些简单的技巧来实现快速和高效的搜索。本文将介绍如何在 JavaScript 中搜索字符串数组中的字符串。
使用 indexOf 方法
JavaScript 中的字符串对象有一个 indexOf 方法，可以用来判断一个字符串是否包含另一个子字符串，并返回第一次出现的位置。因此，我们可以使用该方法来搜索一个字符串数组中是否存在特定的字符串。
以下是一个示例代码：
----- --- - --------- --------- --------- -------- ----- ---------- - --------- ----- ------ - ------------------------ -- ------- --- --- - ------------------ --------------- -- ----- ------------ - ---- - ---------------------------- --- ----- -- -------- -
在上面的代码中，我们定义了一个包含四个字符串的数组 arr，然后定义一个要查找的字符串 searchTerm。接着，我们使用 indexOf 方法在数组中搜索目标字符串，并将结果存储在变量 result 中。如果目标字符串被发现，则 result 将是目标字符串在数组中的索引值。否则，result 的值将为 -1。
最后，我们可以使用一个简单的 if/else 来打印消息，告诉用户目标字符串是否被找到以及它的位置。
使用 includes 方法
ES6 中新增了一个 includes 方法，它可以用来检测一个字符串是否包含在另一个字符串中，并返回一个布尔值。我们可以使用该方法来搜索一个字符串数组中是否存在特定的字符串。
以下是一个示例代码：
----- --- - --------- --------- --------- -------- ----- ---------- - --------- ----- ------ - ------------------------- -- -------- - ---------------------------- ----- -- -------- - ---- - ---------------------------- --- ----- -- -------- -
在上面的代码中，我们使用 includes 方法在数组中搜索目标字符串，并将结果存储在变量 result 中。如果目标字符串被发现，则 result 将是 true。否则，result 的值将为 false。
最后，我们可以使用一个简单的 if/else 来打印消息，告诉用户目标字符串是否被找到。
使用 filter 方法
JavaScript 中的数组对象有一个 filter 方法，该方法可以用来从数组中过滤出符合特定条件的元素。我们可以使用该方法来搜索一个字符串数组中是否存在特定的字符串。
以下是一个示例代码：
----- --- - --------- --------- --------- -------- ----- ---------- - ---- ----- ------ - -------------- -- -------------------------- -- -------------- - -- - ------------------ ---------------- ------- ---------- ------------------- ------------------ -- -------------- ---------- - ---- - --------------- ------- ---------- --------------- ----- -- -------- -
在上面的代码中，我们使用 filter 方法从数组中过滤出包含目标字符串的元素，并将结果存储在变量 result 中。如果有任何匹配项，则 result 将是一个新数组，其中包含所有符合条件的字符串。
最后，我们可以使用一个简单的 if/else 来打印消息，告诉用户目标字符串是否被找到以及其出现的位置。
总结
本文介绍了在 JavaScript 中搜索字符串数组中的字符串的三种方法：使用 indexOf 方法、使用 includes 方法和使用 filter 方法。这些方法各有优缺点，具体取决于您的需求。例如，如果您只需要知道特定字符串是否存在于数组中，那么使用 includes 方法效率更高；而如果您需要在数组中查找多个匹配项，那么使用 filter
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/25924