ネストされた配列内のマッチしないオブジェクトを削除する

Question

ネストされた配列でスプライスメソッドを一般的な方法で使うのに問題があります。 だから、 "filterArray"にオブジェクトの参照がない場合、 "bigArray"の "nestedArray"のオブジェクトを削除します。

私は自分がしたいことの例を作りました。 あなたは私がネイティブのjavascriptやLodashでそれを改善する方法についての解を得たら、自由に入力してください。私は本当に立ち往生している。

期待される結果は次のようになります。

sort.unsortedArray = { "bigArray" : [ 
    {"id": 1, "text" : "This should be visible when done", 
    "nestedArray": [ 
     { "id": 2, "nestedText": "Sort me out!" } 
    ] 
    }, 
    { "id": 2, "text" : "This should be visible when done", 
    "nestedArray": [ 
    { "id": 2, "nestedText": "This one should be visible in the coming array" } 
    ] 
    }]} 

Here'sそのためcodepen。

var sort = this; 
var init = function(){ 
    sort.outObjects(); 
}; 
sort.filterArray = { "filter" : [ 
    { "id": 3, "groupId": 1 }, 
    { "id": 2, "groupId": 2 }]}; 

sort.unsortedArray = { "bigArray" : [ 
    {"id": 1, "text" : "This should be visible when done", 
    "nestedArray": [ 
     { "id": 1, "nestedText":"Sort this one out!" }, 
     { "id": 2, "nestedText": "Sort me out!" }, 
     { "id": 3, "nestedText": "This one should be visible in the coming array"}]}, 

    { "id": 2, "text" : "This should be visible when done", 
    "nestedArray": [ 
     { "id": 1, "nestedText": "Sort me out!" }, 
     { "id": 2, "nestedText": "This one should be visible in the coming array" }, 
     {"id": 3, "nestedText": "Sort this one out!" }]} 
]}, 

sort.outObjects = function(){ 

    //Check that we got the objects in same scope 
    if(sort.filterArray && sort.unsortedArray){ 

    //Loop through "bigArray" object 
    for(var i = 0; i< sort.unsortedArray.length; i++){ 

    console.log("sort.unsortedArray.length : ", sort.unsortedArray.length); 

     //Loop through each "nestedArray":s objects 
     for(var j = 0; j< sort.unsortedArray[i].nestedArray.length; j++){ 
     console.log("sort.unsortedArray[i].nestedArray.length : ", sort.unsortedArray[i].nestedArray.length); 

     //Loop through filterArray object and compare each object in nested array, if they dont match, delete them. 

     for(var k = 0; k< sort.filterArray.length; k++){ 
     console.log("sort.filterArray.length : ", sort.filterArray.length); 

     if(sort.filterArray[k].id != sort.unsortedArray[i].nestedArray[j].id){ 

     //Delete unmatching object from unsortedArray 
      sort.unsortedArray[i].nestedArray.splice(j,1); 

     console.log("sort.unsortedArray after splice : ", sort.unsortedArray); 
     } 
     } 
    } 
    } 
    } 
    else{ 
    console.log("Missing connection to object",sort.filterArray, sort.unsortedArray); 
    } 
} 

init(); 

Answer 1

最終的なフィルタリングのための高速アクセスとテストのために、オブジェクトを生成することができます。

生成後、データを繰り返し処理し、変更が必要かどうかを確認してフィルタリングを適用できます。

編集：複数のIDを保持するように提案してください。

var filterArray = { "filter": [{ "id": 3, "groupId": 1 }, { "id": 2, "groupId": 2 }] }, 
 
    unsortedArray = { "bigArray": [{ "id": 1, "text": "This should be visible when done", "nestedArray": [{ "id": 1, "nestedText": "Sort this one out!" }, { "id": 2, "nestedText": "Sort me out!" }, { "id": 3, "nestedText": "This one should be visible in the coming array" }] }, { "id": 2, "text": "This should be visible when done", "nestedArray": [{ "id": 1, "nestedText": "Sort me out!" }, { "id": 2, "nestedText": "This one should be visible in the coming array" }, { "id": 3, "nestedText": "Sort this one out!" }] }] }, 
 
    filterObject = Object.create(null); 
 

 
filterArray.filter.forEach(function (a) { 
 
    filterObject[a.groupId] = filterObject[a.groupId] || Object.create(null); 
 
    filterObject[a.groupId][a.id] = true; 
 
}); 
 

 
unsortedArray.bigArray.forEach(function (a) { 
 
    if (a.id in filterObject) { 
 
     a.nestedArray = a.nestedArray.filter(function (b) { 
 
      return filterObject[a.id][b.id]; 
 
     }); 
 
    } 
 
}); 
 
console.log(filterObject); 
 
console.log(unsortedArray);

Answer 2

これは私の解決策になります。

var fa = { "filter" : [{ "id": 3, "groupId": 1 },{ "id": 2, "groupId": 2 }]}, 
 
    usa = { "bigArray" : [{"id": 1, "text" : "This should be visible when done", "nestedArray": [{ "id": 1, "nestedText":"Sort this one out!" },{ "id": 2, "nestedText": "Sort me out!" },{ "id": 3, "nestedText": "This one should be visible in the coming array"}]},{ "id": 2, "text" : "This should be visible when done","nestedArray": [{ "id": 1, "nestedText": "Sort me out!" },{ "id": 2, "nestedText": "This one should be visible in the coming array" },{"id": 3, "nestedText": "Sort this one out!" }]}]}, 
 
    sa = fa.filter.reduce((p,c) => { var f = p.find(f => f.id == c.groupId); 
 
            f && (f.nestedArray = f.nestedArray.reduce((n,o) => o.id == c.id ? n.concat(o) : n,[])); 
 
    \t        return p } 
 
            ,usa.bigArray); 
 
console.log(sa);