在 JavaScript 中过滤对象数组

本文将教您如何使用 JavaScriptfilter()函数过滤数组中的元素。

目录

1.在JavaScript中过滤物品目录

---

1.在JavaScript中过滤物品目录

使用数组时，最典型的工作之一是构建一个包含原始数组成员子集的新集合。假设您有多个学生对象，每个对象都有两个属性：sports和subjects。 

const students = [
  { sports: ["cricket", "football"], subjects: "Science" },
  { sports: ["Badminton", "Hockey"], subjects: "Math" },
  { sports: ["Chess", "cricket"], subjects: "Computer Science" },
  { sports: ["Judo", "football"], subjects: "Social Science" },
];

 要找到最喜欢的运动是板球的学生，您必须过滤包含以下内容的运动cricket：

const Cricket = students.filter((e) => e.sports.includes("cricket"));
console.log(Cricket);

 输出：

[{
  name: "Johnny",
  sports: ["cricket", "football"]
}, {
  name: "Dev",
  sports: ["Chess", "cricket"]
}]

 在这个例子中，我们使用了students数组对象的filter()方法并传递了一个测试每个成员的程序。在函数中，我们确定数组中每个学生的运动是否对应cricket。

如果是这种情况，函数返回true; 否则，它返回false。该filter()方法仅包含返回数组中传递回调函数条件的那些元素。