Javascript 三元运算符链接错误

Question

我在 dogs[] course[] Department[] 中有这个 if else 表达式过滤元素，第一个片段肯定按照我想要的方式工作，但我的问题是它不可重用，并且方式是 es5-差不多。

第一个片段

    if (item == 'dogs') {
      item = 'dogs';
      return this[`${item}`].filter(item => new RegExp(`^${data}`, 'gi').test(item));
    } else if (item == 'courses') {
      item = 'courses';
      return this[`${item}`].filter(item => new RegExp(`^${data}`, 'gi').test(item));
    } else if (item == 'departments') {
      item = 'departments';
      this.dept = this.deptControl.value;
      return this[`${item}`].filter(item => new RegExp(`^${data}`, 'gi').test(item.name));
    }

在这段代码中，我尽力缩短了 es5 风格的代码，但是 deptartments[] 无法按照我想要的方式工作

第二个片段

    item =
      item == 'dogs' ? 'dogs'
        : item == 'courses' ? 'courses'
        : item == 'departments' ? 'departments' : '';

    return this[`${item}`].filter(item => new RegExp(`^${data}`, 'gi').test(item == 'departments' ? item.name : item));

并且此代码段中的department[]同样无法按照我想要的方式工作

第三个片段

    item =
     item == 'dogs' ? 'dogs'
        : item == 'courses' ? 'courses'
        : item == 'departments' ? 'departments' : '';

    // let patch = item == 'departments' ? item.name : item;
    let patch = item == 'departments' ? item['name'] : item;

    return this[`${item}`].filter(item => new RegExp(`^${data}`, 'gi').test(patch));

请帮助我如何使用三元运算符而不是旧式的 if..else 来解决 departments[] block 中的问题

Answer 1

只需在过滤器中使用不同的变量名称，例如x:

return {dogs:1,courses:1,departments:1}[item] ? this[item].filter(x => 
        new RegExp(`^${data}`, 'gi').test(item == 'departments' ? x.name : x))
    : undefined;