JavaScript trong bộ lọc một mảng kết hợp với một mảng khác

Giả sử, chúng ta có hai mảng đối tượng như thế này -

const data = [
   {"XD_A":"XDL","XD_B_1":"38","XD_B_2":"PB"},
   {"XD_A":"XDR","XD_B_1":"51","XD_B_2":"PB"},
   {"XD_A":"XDL","XD_B_1":"58","XD_B_2":"PB"},
   {"XD_A":"XDR","XD_B_1":"38","XD_B_2":"PB"},
   {"XD_A":"XDL","XD_B_1":"76","XD_B_2":"PB"},
   {"XD_A":"XDR","XD_B_1":"38","XD_B_2":"PB"}
];
const filters =[{"XD_A":"XDR"},{"XD_B_1":"38"}];

Chúng tôi được yêu cầu viết một hàm JavaScript có hai mảng như vậy làm đối số thứ nhất và thứ hai tương ứng.

Sau đó, hàm chỉ nên chọn các đối tượng từ mảng đầu tiên (mảng dữ liệu) chứa tất cả các cặp khóa-giá trị tồn tại trong mảng thứ hai (mảng lọc).

Và hàm sẽ chuyển tất cả các đối tượng đó vào một đối tượng mới và trả về đối tượng đó.

Đối với mảng trên, mảng được trả về phải chứa chính xác hai đối tượng như thế này -

const output = [
   {"XD_A":"XDR","XD_B_1":"38","XD_B_2":"PB"},
   {"XD_A":"XDR","XD_B_1":"38","XD_B_2":"PB"}
];

Ví dụ

Mã cho điều này sẽ là -

const data = [
   {"XD_A":"XDL","XD_B_1":"38","XD_B_2":"PB"},
   {"XD_A":"XDR","XD_B_1":"51","XD_B_2":"PB"},
   {"XD_A":"XDL","XD_B_1":"58","XD_B_2":"PB"},
   {"XD_A":"XDR","XD_B_1":"38","XD_B_2":"PB"},
   {"XD_A":"XDL","XD_B_1":"76","XD_B_2":"PB"},
   {"XD_A":"XDR","XD_B_1":"38","XD_B_2":"PB"}
];
const filters =[{"XD_A":"XDR"},{"XD_B_1":"38"}];
const filter = (data, filters) => {
   return data.filter(e => {
      try{
         filters.forEach(o => {
            Object.keys(o).forEach(key => {
               if(e[key] !== o[key]) throw new 1;
            });
         });
         return true;
      }
      catch(e){
         return false;
      }
   });
}
console.info(filter(data, filters));

Đầu ra

Và đầu ra trong bảng điều khiển sẽ là -

[
   { XD_A: 'XDR', XD_B_1: '38', XD_B_2: 'PB' },
   { XD_A: 'XDR', XD_B_1: '38', XD_B_2: 'PB' }
]