使用多个数组过滤嵌套的 JSON 对象并将过滤后的对象存储在数组中

Question

我想过滤与模型数组中的“模型”键匹配的项目数组对象并将它们存储在一个数组中。我的尝试确实成功了，但我对自己的努力不是很满意。有没有更好的方法？

关于如何使用 underscore.js 和 lodash 的任何建议？还是使用本机 javascript 地图和过滤器功能？

JSON 对象

 {
"items": [
  {
    "model": "ooc0d",
    "code": "2x4qr",
    "price": 33
  },
  {
    "model": "ruie9",
    "code": "2f6gi",
    "price": 22
   },
  {
    "model": "aqu0d",
    "code": "2f6gi",
    "price": 21
  },
  {
    "model": "ddebd",
    "code": "2f6gi",
    "price": 25
  },
  {
    "model": "ddebd",
    "code": "2f6gi",
    "price": 29
  }
],
"models": [
  {
    "model": "ruie9",
    "year": 1998
  },
  {
    "model": "ooc0d",
    "year": 1991
  },
  {
    "model": "aqu0d",
    "year": 1994
  },
  {
    "model": "ddebd",
    "year": 1995
  },
  {
    "model": "odq76",
    "year": 1999
  }
]
}

我的解决方案

const { models, items } = jsonData;

const newarray = [];

for(let i = 0; i < models.length; i++) {
   for(let j = 0; j < items.length; j++) {
     if(items[j].model===models[i].model) {

       let obj = {
         ...items[j],
         year: models[i].year
       }
       newarray.push(obj);
    }
   }
 }

Answer 1

你可以重写

let obj = {
  ...items[j],
  year: models[i].year
}

作为

let obj = Object.assign({}, items[j], { year: models[i].year });

您也可以使用Array.prototype.forEach 代替for 循环，就像这样

models.forEach((m) => {
  items.forEach((i) => {
    if (m.id === i.id) {
      let obj = Object.assign({}, i, { year: m.year });

      newArray.push(obj);
    } 
  })
})

我尽量保持它与您的解决方案相似。

Answer 2

试试这个 sn-p：

const jsonData = {
  "items": [{
      "model": "ooc0d",
      "code": "2x4qr",
      "price": 33
    },
    {
      "model": "ruie9",
      "code": "2f6gi",
      "price": 22
    },
    {
      "model": "aqu0d",
      "code": "2f6gi",
      "price": 21
    },
    {
      "model": "ddebd",
      "code": "2f6gi",
      "price": 25
    },
    {
      "model": "ddebd",
      "code": "2f6gi",
      "price": 29
    }
  ],
  "models": [{
      "model": "ruie9",
      "year": 1998
    },
    {
      "model": "ooc0d",
      "year": 1991
    },
    {
      "model": "aqu0d",
      "year": 1994
    },
    {
      "model": "ddebd",
      "year": 1995
    },
    {
      "model": "odq76",
      "year": 1999
    }
  ]
};

var newArray = jsonData.models.reduce(
  (acc, modelData) => {
    let filteredItems = jsonData.items.filter(item => item.model === modelData.model);
    if (filteredItems.length) {
      acc.push(...filteredItems);
    }
    return acc;
  }, [])

console.log(newArray);

Answer 3

我会采取稍微不同的方法。我猜你可能会喜欢它。

 const models = [
      {
        "model": "ruie9",
        "year": 1998
      },
      {
        "model": "not-found",
        "year": 1991
      },
      {
        "model": "aqu0d",
        "year": 1994
      },
      {
        "model": "ddebd",
        "year": 1995
      },
      {
        "model": "odq76",
        "year": 1999
      }
    ];
    
    const items = [
      {
        "model": "ooc0d",
        "code": "2x4qr",
        "price": 33
      },
      {
        "model": "ruie9",
        "code": "2f6gi",
        "price": 22
       },
      {
        "model": "aqu0d",
        "code": "2f6gi",
        "price": 21
      },
      {
        "model": "ddebd",
        "code": "2f6gi",
        "price": 25
      },
      {
        "model": "ddebd",
        "code": "2f6gi",
        "price": 29
      }
    ];
    
    
    
    const transformed = models.reduce((res, val) => {
      res[val.model] = val;
      
      return res;
    }, {}); // Transform models into a dictionary.
    
    
    const filtered = items.filter(i => i.model in transformed);
    
    console.log(filtered);

Answer 4

你可以这样做：

我以为您也想从 models 数组中添加年份。 如果是这样，请查看此实现。这比您之前尝试的O(n*n) 解决方案更有效O(n)。对于大型阵列，O(n*n) 不是首选。

let items = [{
    "model": "ooc0d",
    "code": "2x4qr",
    "price": 33
  },
  {
    "model": "ruie9",
    "code": "2f6gi",
    "price": 22
  },
  {
    "model": "aqu0d",
    "code": "2f6gi",
    "price": 21
  },
  {
    "model": "ddebd",
    "code": "2f6gi",
    "price": 25
  },
  {
    "model": "ddebd",
    "code": "2f6gi",
    "price": 29
  }
];

let models = [
  {
    "model": "ruie9",
    "year": 1998
  },
  {
    "model": "ooc0d",
    "year": 1991
  },
  {
    "model": "aqu0d",
    "year": 1994
  }
];

let objModels = models.reduce(function(r,v) {
 r[v.model] = v;
 return r;
}, {});

let objItems = items.reduce(function(r,v) {
 r[v.model] = v;
 return r;
}, {});

let ans = [];
for(let key in objItems) {
   if(key in objModels) {
   let o = objItems[key];
   o.year = objModels[key].year;
    ans.push(o);
    
   }
}

console.log(ans);