时间戳

首页 > 解决方案 > 如何过滤多个对象的数组？

javascript - 如何过滤多个对象的数组？

问题描述

我有一组被模拟的多个对象，并且想要根据 t_name_food 进行过滤。

this.lista_categoria_food = [
      {
        n_id: 1, 
        t_nome_categorie: 'Main Dishes',
        t_image: 'Service.jpg',
        list_food: [
          { n_id: 1, 
          t_name_food: 'dish 1 ',
          t_price_food: 20, 
          n_quantity: 0, 
          t_quantity: 'piece' },

          { n_id: 2, 
          t_name_food: 'dish 2',
          t_price_food: 20, 
          n_quantity: 0, 
          t_quantity: 'piece' },

        ]
      },
      {
        n_id: 2, 
        t_nome_categorie: 'Appetizers',
        t_image: 'restaurant.jpg',
        list_food: [
          { n_id: 1, 
          t_name_food: 'food 1',
          t_price_food: 20,
          n_quantity: 0,
          t_quantity: 'piece' },
           { n_id: 2, 
           t_name_food: 'food 2',
           t_price_food: 20, 
           n_quantity: 0, 
           t_quantity: 'piece' },

        ]
      },
      ]

过滤器应重新运行与 t_name_food 匹配的产品列表。

直到现在都试图过滤对象的项目。

this.lista_categoria_food = this.filterFeeds.forEach((item) => {
      item.list_food.filter(e => 
   { 
  if(e.t_name_food.toLowerCase().includes(searchTerm.toLowerCase())) {
  return e;
} }) },
  );

标签： javascriptarraysobjectfilter

解决方案

EDITED 由 t_name_food 中包含的字符串过滤 =>

let filtered = [];

this.lista_categoria_food.forEach(val => {
    val.list_food = val.list_food.filter(innerVal => {
         return innerVal.t_name_food.includes('dish 1')
       });
    if(val.list_food.length > 0) filtered.push(val);
});

现在过滤的新数组只包含必要的 t_name_food。

按特定字符串过滤 =>

您可以像这样按 t_name_food 过滤：

let filtered = this.lista_categoria_food.filter(val => {
    return val.list_food.filter(innerVal => {
        return innerVal.t_name_food === ('dish 1 ')}
    ).length > 0
});

外部过滤器由内部过滤器列表长度的长度过滤。我双重过滤盘子。

在上面的例子中，我用“dish 1”过滤了它。

推荐阅读