javascript - 如何在 Javascript 中过滤对象数组中的数组？

Question

 const books = [{
     id: "1",
     title: "Book title",
     areas: ["horror", "mystery"]
   }, {
     id: "2",
     title: "Book title 2",
     areas: ["friendship", "love", "history"]
   },
   {
     id: "2",
     title: "Book title 3",
     areas: ["friendship", "scifi"]
   }
 ];

这是我的书籍排列，我想根据区域制作一个新排列。例如，如果用户点击按钮 - 恐怖，那么我只想加载在他们的 -areas- 中有恐怖的书籍，我是 JS 的新手，我找不到正确的方法。我想创建一个名为 filteredBooks 的新数组。感谢您的帮助!

Answer 1

filter() -> 使用回调函数，其返回值决定过滤后的数组中返回的内容。如果返回值为真，则该项包含在结果数组中。

includes() -> 使用 == 相等性搜索项目数组中的内容

const books = [{
     id: "1",
     title: "Book title",
     areas: ["horror", "mystery"]
   }, {
     id: "2",
     title: "Book title 2",
     areas: ["friendship", "love", "history"]
   },
   {
     id: "3",
     title: "Book title 3",
     areas: ["friendship", "scifi"]
   }
];

const filterValue = "horror";
const filteredBooks = books.filter(val => val.areas.includes(filterValue));
console.log(filteredBooks);