array.filter 不返回 reactjs 中父数组的嵌套数组

Question

我有一个嵌套数组。我正在使用array.filter从父数组中获取子数组。我有这样的数据："accounts": [    {        "ID": "001yQdmAAE",        "email": "[e-mail]",        "users": [            {                "Name": "Inhome User",                                    "MobilePhone": "34877"            }        ]    },    {        "ID": "00mAAE",        "email": "[e-mail]",        "users": [            {                "Name": "Inhome r",                                    "MobilePhone": "300077"            }        ]   }]我想根据 ID 从帐户数组中获取用户数组。我试过了array.filter。它返回    { "ID": "001yQdmAAE",      "email": "[e-mail]",      "users": [        {           "Name": "Inhome User",                               "MobilePhone": "34877"        }    }我只想要用户数组const res=this.state.data.filter((res)=>{ if(res.ID==record.ID){       return res.users; }});console.log(res);

Answer 1

这不完全是这样的filter。filter的回调函数应返回一个布尔结果，该结果确定传入回调的元素是否应包含在 的返回值中filter。执行过滤后，我们将map每个结果对象提取其users属性。

const /*this.state.*/data = {"accounts": [{"ID": "001yQdmAAE","email": "[e-mail]","users": [{"Name": "Inhome User","MobilePhone": "34877"}]},{"ID": "00mAAE","email": "[e-mail]","users": [{"Name": "Inhome r","MobilePhone": "300077"}]}]};

const targetID = "00mAAE";

const result = data.accounts

  .filter(e => e.ID === targetID)

  .map(e => e.users);

console.log(result);

但如果IDs 是唯一的，则使用find代替filter，它只定位第一个匹配项：

const data = {"accounts": [{"ID": "001yQdmAAE","email": "[e-mail]","users": [{"Name": "Inhome User","MobilePhone": "34877"}]},{"ID": "00mAAE","email": "[e-mail]","users": [{"Name": "Inhome r","MobilePhone": "300077"}]}]};

const targetID = "00mAAE";

const result = data.accounts.find(e => e.ID === targetID);

if (result) {

  console.log(result.users);

}

Answer 2

过滤器返回 true 或 false，如果它返回 false 则该元素被过滤掉。

您应该首先过滤返回 true 或 false，然后使用 map 仅获取用户，然后使用 flat 将二维数组转换为普通数组。

const res=this.state.data.filter(

  res=>

    //return true or false in filter

    res.AccountID==record.AccountID

).map(

  //only need the users property

  res=>res.users

).flat();//flatten [users] to users

console.log(res);