如何將數組中具有相同屬性值的元素作爲元素推送到新數組中？

Question

我試圖把具有相同屬性值的元素作爲一個新元素放入一個組中的數組（例如數據），並將新元素推入新的數組（例如newData）。我如何將數據轉換爲newData？

data = [ 
    {status: 0,name:'a'}, 
    {status: 0,name:'b'}, 
    {status: 1,name:'b'}, 
]; 

var newData = [ 
      { 
       id: 0, 
       name: 'a', 
        services: [ 
         {id: 'a', name: 'a',status: 0} 
        ] 
       }, 
       { 
        id: 1, 
        name: 'b', 
        services: [ 
         {id: 'b', name: 'b',status: 0}, 
         {id: 'b', name: 'b',status: 1}, 
        ] 
       } 
      ] 

Answer 1

你可以使用一個哈希表作爲參照組具有相同的名稱，並推動日e實際項目爲services。

var data = [{ status: 0, name: 'a' }, { status: 0, name: 'b' }, { status: 1, name: 'b' }], 
 
    grouped = data.reduce(function (hash) { 
 
     return function (r, a) { 
 
      if (!hash[a.name]) { 
 
       hash[a.name] = { id: a.name, name: a.name, services: [] }; 
 
       r.push(hash[a.name]); 
 
      } 
 
      a.id = a.name; 
 
      hash[a.name].services.push(a); 
 
      return r; 
 
     }; 
 
    }(Object.create(null)), []); 
 

 
console.log(grouped);

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

隨着id從零開始計數。

var data = [{ status: 0, name: 'a' }, { status: 0, name: 'b' }, { status: 1, name: 'b' }], 
 
    grouped = data.reduce(function (hash, id) { 
 
     return function (r, a) { 
 
      if (!hash[a.name]) { 
 
       hash[a.name] = { id: id++, name: a.name, services: [] }; 
 
       r.push(hash[a.name]); 
 
      } 
 
      a.id = a.name; 
 
      hash[a.name].services.push(a); 
 
      return r; 
 
     }; 
 
    }(Object.create(null), 0), []); 
 

 
console.log(grouped);

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

Answer 2

data = [ 
{status: 0,name:'a'}, 
{status: 0,name:'b'}, 
{status: 1,name:'b'}, 
]; 

NewData=data.reduce((newobj,obj)=>((newobj[obj.name]=newobj[obj.name]||[]).push(obj),newobj),{}); 

NewData將是：

{ 
    "a":[ 
     {status: 0,name:'a'}, 
    ], 
    "b":[ 
     {status: 0,name:'b'}, 
     {status: 1,name:'b'}, 
    ] 
} 

http://jsbin.com/devucujaso/edit?console

你只需把舊的陣列的每一個OBJ到新obj的obj.name數組，如果它不存在但創建一個新的數組（|| []）。 的Theres仍然有一些失蹤成形得到你想要的結果，但我認爲你可以做你自己...

Answer 3

按照這種方法

• 創建地圖的name和陣列反對狀態的。
• 迭代地圖並準備數組。

DEMO

var data = [ 
 
    {status: 0,name:'a'}, 
 
    {status: 0,name:'b'}, 
 
    {status: 1,name:'b'}, 
 
]; 
 

 
var map = {}; 
 
data.forEach(function(item){ 
 
map[ item.name ] = map[ item.name ] || []; 
 
map[ item.name ].push(item); 
 
}); 
 

 
var newData = Object.keys(map).map(function(name, index){ 
 
    var arr = map[ name ]; 
 
    arr = arr.map(function(arrItem){ arrItem.id = arrItem.name; return arrItem }); 
 
    return { id : index, name : name, services : arr }; 
 
}); 
 

 
console.log(newData);

Answer 4

var data = [ 
 
      {status: 0,name:'a'}, 
 
      {status: 0,name:'b'}, 
 
      {status: 1,name:'b'} 
 
     ]; 
 
var finalData = []; 
 
var i=0; 
 
data.forEach(function(datum){ 
 
          var matchingElem = finalData.find(function(elem){ 
 
          return elem.name === datum.name; 
 
      }); 
 

 
if(matchingElem) 
 
    { 
 
    matchingElem.services.push({ 
 
         "id":datum.name, 
 
         "name": datum.name, 
 
         "status": datum.status 
 
         }); 
 
    } 
 
    else{ 
 
      finalData.push({ 
 
         "id":i++, 
 
         "name":datum.name, 
 
         "services": [{ 
 
           "id":datum.name, 
 
           "name": datum.name, 
 
           "status": datum.status 
 
           }] 
 
        }); 
 
    } 
 

 
}); 
 
console.log(JSON.stringify(finalData));

Answer 5

var data = [ 
 
     {status: 0,name:'a'}, 
 
     {status: 0,name:'b'}, 
 
     {status: 1,name:'b'}, 
 
    ]; 
 

 
    var id = 0; 
 
    var finalData = data.reduce(function(acc, cur) { 
 
     var elm = acc.find(e => { 
 
     return e.name === cur.name 
 
     }); 
 
     if (elm) { 
 
     elm.services.push({ 
 
      id: cur.name, 
 
      name: cur.name, 
 
      status: cur.status 
 
     }) 
 
     } else { 
 
     acc.push({ 
 
      id: id++, 
 
      name: cur.name, 
 
      services: [{ 
 
      id: cur.name, 
 
      name: cur.name, 
 
      status: cur.status 
 
      }] 
 
     }) 
 
     } 
 
     return acc; 
 
    }, []); 
 
    
 
    console.log(finalData)