如何在箭头函数中引入OR逻辑实现DOM元素多值匹配？

直接用数组字面量配合includes()方法就能实现多值匹配，不用额外声明多个变量，代码简洁直观：

document.querySelectorAll('td font').forEach(el => {
  // 把所有要匹配的值直接写在数组里，用includes判断是否命中
  if (['ValueA', 'ValueB', 'ValueC'].includes(el.textContent.trim())) {
    el.closest('tr').classList.add('d-none');
  }
});

细节说明 #

• 数组字面量['ValueA', 'ValueB', 'ValueC']一次性定义所有目标匹配值，省去单独变量声明
• trim()用来去除文本前后的空格，避免因格式问题导致匹配失败（如果确定文本无多余空格可以省略）
• 如果需要忽略大小写匹配，可转成统一大小写后判断：

  if (['valuea', 'valueb', 'valuec'].includes(el.textContent.trim().toLowerCase())) {
    el.closest('tr').classList.add('d-none');
  }
  

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