在JavaScript中过滤对象数组

Question

我正在使用JavaScript创建一个项目。 在过滤对象数组时，我陷入了问题：这是数组：

var arr1 = [{
      "name": "harkaran",
      "lname": "sofat",
      "userId": 49,
     "postedUserId": 52,
      "id": 21,

    },{
      "name": "harkaran",
      "lname": "sofat",
      "userId": 49,
      "postedUserId": 57,
      "id": 21,
    }]

最终数组应如下所示：

[{
    "name": "harkaran",
      "lname": "sofat",
      "userId": 49,
     "postedUserId": 52,
      "id": 21,
      postedUsers:[52,57]
}] 

我正在尝试创建新对象。 这是我正在使用的方法。但是不知道如何实现此变量var arr = [] let obj = {}

        obj['name'] = "";
        obj['lname'] = "";
        obj['userId'] = "";
        obj['postedUserId'] = "";
        obj['id'] = "";
        obj['postedUsers'] = [];
        arr.push(obj);

        for(var i=0; i<arr1.length; i++){


         }

Answer 1

使用reduce ：

 var arr1 = [{"name":"harkaran","lname":"sofat","userId":49,"postedUserId":52,"id":21,},{"name":"harkaran","lname":"sofat","userId":49,"postedUserId":57,"id":21,}]; const res = Object.values(arr1.reduce((acc, { postedUserId, name, ...rest }) => { acc[name] = acc[name] || { name, ...rest, postedUserId, postedUsers: [] }; acc[name].postedUsers = [].concat(acc[name].postedUsers, postedUserId); return acc; }, {})); console.log(res); 

 .as-console-wrapper { max-height: 100% !important; top: auto; } 

Answer 2

首先，这不称为过滤。 其称为分组 。 您可以按照以下步骤进行操作：

• 首先在数组上使用reduce()并将累加器设置为空对象{}
• 在每次迭代过程中，使用Destructuring获取id和postedUserId是单独的变量。 并使用传播运算符获取其余属性。
• 然后检查累加器中是否已经存在当前id的项目。
• 如果存在，则将postedUserId推送到其postedUsers数组。
• 如果该键不存在，则将累加器上的键（ id ）设置为一个对象， postedUsers作为空数组。

 var arr1 = [{"name":"harkaran","lname":"sofat","userId":49,"postedUserId":52,"id":21,},{"name":"harkaran","lname":"sofat","userId":49,"postedUserId":57,"id":21,}]; const res = arr1.reduce((ac,{id,postedUserId,...rest}) => { if(!ac[id]) ac[id] = {id,postedUserId,postedUsers:[],...rest}; ac[id].postedUsers.push(postedUserId); return ac; },{}) console.log(Object.values(res)) 

您在注释中询问了简单的for循环，所以这是该版本。

 var arr1 = [{"name":"harkaran","lname":"sofat","userId":49,"postedUserId":52,"id":21,},{"name":"harkaran","lname":"sofat","userId":49,"postedUserId":57,"id":21,}]; let res = {}; for(let i = 0; i<arr1.length; i++){ let {id,postedUserId,...rest} = arr1[i]; if(!res[id]) res[id] = {id,postedUserId,postedUsers:[],...rest}; res[id].postedUsers.push(postedUserId); } console.log(Object.values(res)) 

Answer 3

您可以使用reduce和分组postedUser并保留第一个postedUserId

• 首先循环遍历arr1数组，并使用id作为我们要构建的对象的键
• 首先，如果object已具有值，则检查postedUserId如果不存在，则检查postedUserId添加当前ID，否则不添加
• 现在将postedUserId推postedUserId postedUser
• 从最终获得值

 var arr1 = [{"name": "harkaran","lname": "sofat","userId": 49,"postedUserId": 52,"id": 21,}, {"name": "harkaran","lname": "sofat","userId": 49,"postedUserId": 57,"id": 21,}] let final = arr1.reduce((op,{id,...rest})=>{ let postedUserId = rest.postedUserId if(op[id] && op[id].postedUserId){ delete rest.postedUserId } op[id] = op[id] || {...rest,postedUser:[]} op[id].postedUser.push(postedUserId) return op },{}) console.log(Object.values(final)) 

Answer 4

我会使用临时Map进行分组。

 var arr1 = [{"name":"harkaran","lname":"sofat","userId":49,"postedUserId":52,"id":21,},{"name":"harkaran","lname":"sofat","userId":49,"postedUserId":57,"id":21,}]; const map = new Map(arr1.map(o => [o.id, { ...o, postUsersId: [] }])); arr1.forEach(o => map.get(o.id).postUsersId.push(o.postedUserId)); const res = [...map.values()]; console.log(res); 

这将优先使用最后一次出现相同ID的数据。 如果您希望第一个具有优先级，则只需反转数组