javascript - 如果一个属性等于另一个对象的属性，如何过滤对象数组中对象的几个属性

Question

我有一个对象，它具有一个用户的一些属性，并且我有一个从 API 返回的对象数组。我的目标是检查对象数组中的哪个对象与单个初始对象具有相同的属性，然后它应该只返回其属性的一部分。我尝试在对象数组上使用 .map，但它似乎不起作用。

下面是代码示例。如果你愿意，我也准备了codesandbox。

const user = 
    {
      name: "jan",
      lastName: "kowalski",
      fullName: "jan kowalski",
      car: "audi"
    }
  ;

  const usersAnimal = [
    {
      name: "jan",
      lastName: "kowalski",
      fullName: "jan kowalski",
      animal: "cat",
      animalSize: "small",
      animalName: "Bat"
    },
    {
      name: "john",
      lastName: "smith",
      fullName: "john smith",
      animal: "dog",
      animalSize: "middle",
      animalName: "Jerry"
    },
    {
      name: "Anna",
      lastName: "Nilsson",
      fullName: "Anna Nilsson",
      animal: "cow",
      animalSize: "big",
      animalName: "Dorrie"
    }
  ];

  const filtered = usersAnimal.map((userAnimal)=>userAnimal.fullName === user.fullName && return userAnimal.animalName & userAnimal.animalSize & userAnimal.animal);

谢谢

https://codesandbox.io/s/admiring-edison-qxff42?file=/src/App.js

Answer 1

对于这种情况，如果先将其过滤掉然后使用 map 继续操作，会容易得多:

 const filtered = usersAnimal
    .filter((animal) => animal.fullName === user.fullName)
    .map(({ animalName, animalSize, animal }) => {
      return {
        animalName,
        animalSize,
        animal
      };
    });