Question

我正在尝试通过JavaScript的filter，map和reduce方法过滤用户JSON。但是我无法得到我假装的确切结果。

var users = {
"fooUser": {
  "apps": [
    {
      "id": "7i2j3bk85"
    },
    {
      "id": "o8yasg69h"
    }
  ]
},
"barUser": {
  "apps": [
    {
      "id": "789gbiai7t"
    }
  ]
}};

逻辑是：我只知道AppId（而不是它所面对的用户），所以我必须映射/过滤每个用户，并且只有它有Appid（并且仅返回该AppId）才返回它

var filteredApps = Object.keys(users).filter(function (element, index, array) {

  var exists = users[element].apps.filter(function (element, index, array) {

    if (element.id === 'o8yasg69h') {
      return true;
    } else {
      return false;
    }
  });

  if (exists[0]) {
    return true;
  } else {
    return false;
  }
}).map(function (item, index, array) {
  return users[item].apps;
});

console.log(filteredApps);

我获得（带有无过滤应用程序的multiArray）：

[[
  {
    id: "7i2j3bk85"
  },
  {
    id: "o8yasg69h"
  }
]]

但是我想获得（一个普通的Object，带有过滤的App）：

{
  id: "o8yasg69h"
}

Answer 1

我会使用reduce和ES6 find执行此操作：

function searchById(id){
    return Object.keys(users).reduce(function(result, user){
        return result ? result : users[user].apps.find(function(obj){
            return obj.id === id;
        });
    }, false);
}

Answer 2

您可以使用以下单行代码执行此操作：

[].concat(...Object.keys(users).map(x=> users[x].apps)).find(x=> x.id === "o8yasg69h")

稍微展开一下：

[].concat(...                    // flattens the array of apps
  Object.keys(users)             // gets the keys of users
   .map(x=> users[x].apps)       // maps the array to the apps of the user
).find(x=> x.id === "o8yasg69h") // finds app which id is "o8yasg69h"

过滤/映射/正确减少

2 个答案: