Javascript如何在filter（）中使用forEach（）过滤数组

Question

我有一个对象数组，我想根据对象属性值对其进行过滤。我想通过不同的属性对其进行过滤，因此它必须是动态的。为此，我有一个输入字段，在其中输入然后过滤数组。因此，假设我有以下两个不同的数组：

const array_one = [
  {id: 1, code: 'ABC123', name: 'John'},
  {id: 2, code: 'DEF456', name: 'Stew'},
    // ...
];

const array_two = [
  {id: 1, value: '012345', company: 'Company 01' },
  {id: 2, value: '678910', company: 'Company 02' },
    // ...
];

我想要一个可以基于过滤第一个数组的函数name，如果我想过滤第二个数组，也想通过过滤它value。

为此，我构建了以下功能：

filterArray(array: Array<any>, fields: Array<any>, value: string) {
    value = this.convertString(value);

    array = array.filter((item) => {
        fields.forEach(obj => {
            if ( item[obj] ) {
                const _newObj = this.convertString(item[obj]);
                if ( _newObj.indexOf(value) !== -1 ) {
                    console.log(item);
                    return item;
                }
            }
        });
    });

    return array;
}
// convertString() is just another function to replace accents, spaces, etc...

然后我这样称呼它：

filterArray(originalArray, ['name'], valueFromInput);

// or...
filterArray(originalArray, ['value'], valueFromInput);

// or even...
filterArray(originalArray, ['value', 'company'], valueFromInput);

但是，即使indexOf验证内的控制台在控制台上打印了正确的对象，过滤后的数组也总是返回空。

我在这里做错了什么？因为它可以正确过滤，所以我已经对其进行了手动检查，但是它没有添加到新的过滤数组中。

Answer 1

您可以迭代fieldsusing Array#some，如果其中之一等于value返回item：

const array_one = [
  {id: 1, code: 'ABC123', name: 'John'},
  {id: 2, code: 'DEF456', name: 'Stew'}
];

const array_two = [
  {id: 1, value: '012345', company: 'Company 01' },
  {id: 2, value: '678910', company: 'Company 02' }
];

const filterArray = (array, fields, value) => {
  fields = Array.isArray(fields) ? fields : [fields];
  
  return array.filter((item) => fields.some((field) => item[field] === value));
};
  
console.log(filterArray(array_one, 'name', 'Stew'));

console.log(filterArray(array_two, ['id', 'company'], 2));

console.log(filterArray(array_two, ['id', 'company'], 'Company 02'));