咨询基于对象categories属性过滤questions数组的最优实现方法

嘿，你的需求其实用JavaScript原生数组方法就能优雅解决，而且比手动遍历+if/else更简洁易读——直接用Array.filter()搭配Array.includes()就可以了，这也是这类场景的最优方案之一。

具体实现代码 #

首先定义你的原始问题数组：

const questions = [
  { question: 'lala', answer: 'papa', categories: ['Handla'] },
  { question: 'xxxx', answer: 'yyyy', categories: ['Reklamation'] }
];

接下来写一个复用性强的过滤函数，或者直接调用filter方法：

// 封装成函数方便多次调用
function filterQuestionsByCategory(questionsList, targetCategory) {
  // filter遍历数组，返回所有符合条件的元素
  return questionsList.filter(question => {
    // includes检查当前问题的categories数组是否包含目标分类
    return question.categories.includes(targetCategory);
  });
}

// 调用示例：筛选'Reklamation'分类的问题
const desiredArray = filterQuestionsByCategory(questions, 'Reklamation');
console.log(desiredArray);
// 输出结果：[{ question: 'xxxx', answer: 'yyyy', categories: ['Reklamation'] }]

为什么这是更优方案？ #

• 简洁性：一行核心逻辑替代手动循环+条件判断，代码可读性更高
• 原生支持：filter和includes都是ES6+的原生数组方法，性能经过优化，不需要额外依赖
• 复用性：封装成函数后，随时可以传入不同的分类参数进行筛选

兼容性小提示 #

如果需要兼容非常老旧的浏览器（比如IE），可以用indexOf()替代includes()，逻辑完全一致：

return question.categories.indexOf(targetCategory) !== -1;

你之前尝试的遍历+if/else方法其实是可行的，但用原生数组方法的写法更符合JavaScript函数式编程的风格，代码维护起来也更省心。

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