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

How to filter array within array of objects in javascript?

本文关键字：数组 过滤 对象 javascript      更新时间：2023-09-26

我有一个包含电影信息的对象数组。每个对象都有一个流派值。该值可以是字符串或数组。

我正在从查询字符串中获取一种流派并将其保存到一个名为流派的变量中。现在我只想整理一下这种类型的电影。

我的对象数组如下所示：

movies = [
            {
               title:"Apocalypse Now",
               year: "1979",
               genre: [
                  "drama",
                  "war"
               ]
            },
            {
               title:"Unforgiven",
               year: "1992",
               genre: [
                  "western",
                  "drama"
               ]
            },
            {
               title: "The big Lebowski",
               year: "1998",
               genre: "comedy"
            }
];

现在我找到了一个有效的解决方案。但我对此并不满意，因为：

  1. 它不允许每部电影超过 3 种类型。

  2. 它看起来不漂亮，不能很好地与其他代码组合。我想一定有更好的方法，但我找不到。

这是我现在拥有的：

var genre = req.query.genre;
var movies = data.movies;
var filtered = movies.filter(function(x){
     return x.genre == genre || x.genre[0] == genre || x.genre[1] == genre || x.genre[2] == genre;
      });

由于 x 可以是字符串或数组，因此如果它是字符串，则测试相等性，如果是数组，则使用 indexOf

var genre = req.query.genre;
var movies = data.movies;
var filtered = movies.filter(function(x){
     return typeof x == "string" ? x == genre : x.indexOf(genre) >= 0;
});

注意：您可以使用的现代浏览器 

     return typeof x == "string" ? x == genre : x.includes(genre);

只需使用indexOf() 

var genre = req.query.genre;
var movies = data.movies;
var filtered = movies.filter(function(x){
    return x.genre.indexOf(genre) > -1;
});

我会改变你设置数据的方式，使所有内容都是一个字符串数组，即使它只是一个值。它应该是一致的。如果您使用的是 es6 或 7，则可以使用箭头函数。通过这种方式，您可以使用任意数量的流派，而不是最多 3 种。

    for(let i = 0; i < movies.length; i++){
    `var genre = movies[i].genre.filter(x => x.genre == "comedy");`
//do something with the value
    }
相关文章：