如何在数组过滤时传入待排除字符数组，避免多次调用filter()

你当前的问题核心是：String.prototype.includes()仅支持传入单个字符串作为匹配目标，无法直接接收字符数组，所以第二种写法无法生效。

正确实现方式（二选一即可） #

方法1：使用数组的some()方法

通过some()判断当前元素是否包含指定字符数组中的任意字符，一次filter完成过滤：

const items = ['apple','pear','peach','pineapple'] 
const toBeRemoved = ['r','c','i'];
            
return (
  <>
    {items
      .filter(item => !toBeRemoved.some(char => item.includes(char)))
      .map(item => item)
    }
  </>
)

逻辑说明：toBeRemoved.some(...)会遍历字符数组，只要元素包含其中任意一个字符就返回true，加上!后就会过滤掉这些元素，只保留不包含指定字符的项。

方法2：使用正则表达式匹配

把字符数组转为正则表达式，通过test()方法一次性判断匹配：

const items = ['apple','pear','peach','pineapple'] 
const toBeRemoved = ['r','c','i'];
// 生成匹配任意指定字符的正则：/r|c|i/
const forbiddenCharRegex = new RegExp(toBeRemoved.join('|'));
            
return (
  <>
    {items
      .filter(item => !forbiddenCharRegex.test(item))
      .map(item => item)
    }
  </>
)

逻辑说明：将字符数组拼接为r|c|i的正则规则，test()方法会检查元素是否包含其中任意字符，不匹配的元素会被保留。

这两种方法都能替代多次调用filter()的写法，实现更简洁高效的过滤逻辑。

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