如何判断数组元素是否为字符串中单引号包裹的子串？

给定以下变量：

let arr = ['abc', 'def', 'xyz'];
let str = "something'abc'text'def'";

需求是判断字符串str中是否包含被单引号'包裹的数组arr内的元素。这里提供两种可靠的实现方式：

方法一：提取所有被单引号包裹的内容再匹配 #

let arr = ['abc', 'def', 'xyz'];
let str = "something'abc'text'def'";

// 提取所有被单引号包裹的纯内容
const quotedContentList = str.match(/'([^']+)'/g)?.map(item => item.slice(1, -1)) || [];

// 检查数组元素是否存在于提取结果中
const hasTargetElement = quotedContentList.some(content => arr.includes(content));

console.log(hasTargetElement); // 输出 true

代码说明 #

• 正则/'([^']+)'/g：全局匹配所有被单引号包裹的内容，[^']+确保只匹配单引号之间的非引号字符
• match()返回带单引号的完整匹配项，通过map去掉首尾单引号得到纯内容数组
• some()结合includes()快速判断是否有数组元素命中

方法二：针对每个数组元素直接匹配模式 #

let arr = ['abc', 'def', 'xyz'];
let str = "something'abc'text'def'";

// 逐个检查数组元素是否以'元素'的形式出现在字符串中
const hasTargetElement = arr.some(item => {
  const targetPattern = new RegExp(`'${item}'`);
  return targetPattern.test(str);
});

console.log(hasTargetElement); // 输出 true

代码说明 #

• 为每个数组元素生成匹配'元素内容'的正则表达式
• 用test()方法快速检查字符串是否包含该精确模式

内容的提问来源于stack exchange，提问作者sapna