如何在PUG模板中检查数组是否包含指定字符串？

嘿，我遇到过类似的问题，咱们一步步来排查和解决～

首先你提到example_array.length > 0能正常工作，说明变量确实传到模板里了，那问题大概率出在数组元素的匹配细节或者PUG中方法的使用场景上，咱们逐个分析：

1. 先排查数组的真实内容（关键！） #

很多时候是数组元素的细节没注意到，比如大小写、前后空格，或者元素类型不是字符串。你可以先在PUG里输出数组的完整内容，确认元素和你要找的字符串完全一致：

// 临时添加，看看数组的真实结构
pre= JSON.stringify(example_array, null, 2)

比如如果数组里是['Example String']（首字母大写），那includes('example string')肯定匹配不上；如果是[' example string ']（带空格），同样会失败。

2. 针对性的解决方法 #

根据排查结果，选对应的方案：

情况一：大小写/空格不一致

用some()方法配合字符串处理，统一格式后再比较：

if example_array.some(item => item.trim().toLowerCase() === 'example string'.toLowerCase())
  span() 找到了匹配的字符串！

some()会遍历数组，只要有一个元素满足条件就返回true，trim()去掉前后空格，toLowerCase()统一转小写，能覆盖大部分大小写/空格的问题。

情况二：元素类型不匹配

比如数组里的元素是数字、对象或者其他类型，先转成字符串再比较：

if example_array.some(item => String(item) === 'example string')
  span() 匹配成功！

情况三：嫌模板里写逻辑麻烦？后端提前处理

更简单的方式是在Express路由里先做好判断，把布尔值传到模板：

// Express路由代码
const example_array = ['foo', 'example string', 'bar'];
const hasTargetString = example_array.includes('example string');

res.render('your-template', { hasTargetString, example_array });

然后在PUG里直接用：

if hasTargetString
  span() 找到了目标字符串！

3. 再确认PUG语法细节 #

检查一下有没有拼写错误（比如把includes写成include），或者if语句后面有没有加空格，PUG对缩进和空格要求比较严格，比如：

// 正确写法：if后面有空格，条件正确
if example_array.includes('example string')
  span() 内容

你可以先试试第一步的调试，看看数组真实内容，应该就能找到问题所在啦～

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