检查字符串中特定字符或数字是否存在：JavaScript 方法详解

碧海醫心

发布时间：2025-08-17 15:36:17

954人浏览过

来源于php中文网

原创

检查字符串中特定字符或数字是否存在：javascript 方法详解

本文旨在提供 JavaScript 中检查字符串是否包含特定字符或数字的全面指南。我们将探讨使用 includes() 方法和正则表达式来高效地实现此目标，并提供实际代码示例和注意事项，帮助开发者更好地理解和应用这些技术。

使用 includes() 方法

includes() 方法是 JavaScript 中用于检查字符串是否包含指定子字符串的简单而直接的方法。它返回一个布尔值，true 表示包含，false 表示不包含。

基本用法：

const str = "Hello World";

// 检查字符串是否包含 "World"
const containsWorld = str.includes("World"); // true

// 检查字符串是否包含 "Universe"
const containsUniverse = str.includes("Universe"); // false

console.log(containsWorld);
console.log(containsUniverse);

注意事项：

立即学习“Java免费学习笔记（深入）”；

includes() 方法区分大小写。
可以指定起始搜索位置作为第二个参数：str.includes("World", 6) 从索引 6 开始搜索。

在 React 中的应用（基于问题示例）：

问题中的代码尝试使用 includes() 方法检查 trolleyName 字符串是否包含 "1" 到 "7" 之间的任何数字，但存在逻辑错误。"1"||"2"||"3"||"4"||"5"||"6"||"7" 表达式的结果始终为 "1"，因为 || 运算符返回第一个真值。

正确的做法是分别检查每个数字：

const trolleyFinder = (trolleyName) => {
  if (trolleyName && (
    trolleyName.includes("1") ||
    trolleyName.includes("2") ||
    trolleyName.includes("3") ||
    trolleyName.includes("4") ||
    trolleyName.includes("5") ||
    trolleyName.includes("6") ||
    trolleyName.includes("7")
  )) {
    setCartOptions("1");
  } else {
    setCartOptions("2");
  }
};

虽然上面的代码可以工作，但如果需要检查的数字范围更大，或者需要更灵活的匹配模式，正则表达式是更好的选择。

使用正则表达式

正则表达式提供了一种强大的模式匹配方法，可以更灵活地检查字符串是否包含特定字符或数字。

Bandy AI

全球领先的电商设计Agent

下载

基本用法：

const str = "Galley5";

// 检查字符串是否包含 "Galley" 后跟 1 到 7 之间的数字
const regex = /Galley[1-7]/;
const containsNumber = regex.test(str); // true

console.log(containsNumber);

解释：

/Galley[1-7]/ 是一个正则表达式，用于匹配以 "Galley" 开头，后跟 1 到 7 之间的任何数字的字符串。
[1-7] 是一个字符类，表示匹配 1 到 7 之间的任何单个字符。
test() 方法用于测试字符串是否与正则表达式匹配，返回一个布尔值。

在 React 中的应用（基于问题示例）：

更简洁的使用正则表达式的版本：

const trolleyFinder = (trolleyName) => {
  if (trolleyName && /Galley[1-7]$/.test(trolleyName)) {
    setCartOptions("1");
  } else {
    setCartOptions("2");
  }
};

解释：

$ 符号表示字符串的结尾。这确保了只匹配以 "Galley" 后跟 1 到 7 之间的数字结尾的字符串。例如，"Galley5" 会匹配，而 "Galley55" 则不会。

注意事项：

立即学习“Java免费学习笔记（深入）”；

正则表达式语法复杂，需要一定的学习成本。
正则表达式的性能可能不如 includes() 方法，尤其是在简单的情况下。但是，对于更复杂的模式匹配，正则表达式通常是唯一的选择。
如果正则表达式包含变量，需要使用 new RegExp() 构造函数。例如：const regex = new RegExp("Galley" + number);