Javascript filter two arrays

Question

所以我需要在這個數組中過濾數組和數組。

所以，我們有一個數組 -

arr: [ 
    { 
     name: 'object', 
     array2: [ 
     { 
      name: '1' 
     }, 
     { 
      name: '2' 
     } 
     ] 
    }, 
    { 
     name: 'object 2', 
     array2: [ 
     { 
      name: 'object' 
     } 
     ] 
    } 
] 

我在過濾器中輸入一個值2，輸出，我想這裏是 -

arr: [ 
    { 
     name: 'object', 
     array2: [ 
     { 
      name: '2' 
     } 
     ] 
    }, 
    { 
     name: 'object 2', 
     array2: [] 
    } 
] 

我有匹配邏輯在這裏，它在外層（第一層，我有一個名稱和array2參數的對象）的作品。內層也行得通，但問題在於，如果我過濾內層，我無法取回內層對象的初始狀態，也就是說。我有一個輸入欄，如果我輸入2，它過濾得很好，但是，如果我刪除2，它會顯示來自arr：[]的其他元素，但不會顯示來自array2：[]的過濾元素。

有關如何解決此問題的任何想法？

鏈接到jsFiddle的評論 - http://jsbin.com/pupugoxebi/edit?html,js,output。

我coudl手動推新陣列，但這不起作用，因爲我有動態數組，例如，它可以有不同的屬性，手動寫入不會解決它。更新版本 - http://jsbin.com/bifolisefu/edit?html,js,output。

Answer 1

您可以使用任一ceck的外部陣列的名稱，或檢查內部數組返回一些項目，再建一個新的對象，並將其Concat的結果集。

function getNodes(array, name) { 
 
    return array.reduce(function (r, a) { 
 
     var temp = a.array2.filter(b => b.name.includes(name)); 
 
     return r.concat(
 
      a.name.includes(name) || temp.length ? 
 
      Object.assign({}, a, { array2: temp }) : 
 
      [] 
 
     ); 
 
    }, []); 
 
} 
 

 
var array = [{ name: 'test', foo: 0, array2: [{ name: 'test 2', foo: 1 }, { name: 'test 3', foo: 2 }] }, { name: 'test 2', foo: 3, array2: [{ name: 'test', foo: 4 }] }, { name: 'test 3', foo: 5, array2: [{ name: 'test 4', foo: 6 }, { name: 'test 5', foo: 7 }] }]; 
 

 
console.log(getNodes(array, '2')); 
 
console.log(getNodes(array, '3')); 
 
console.log(array);

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

Answer 2

請嘗試下面的代碼。

var arr2 = [ 
 
    { 
 
    name: 'test', 
 
    array2: [ 
 
     { 
 
     name: 'test 2' 
 
     }, 
 
     { 
 
     name: 'test 3' 
 
     } 
 
    ] 
 
    }, 
 
    { 
 
    name: 'test 2', 
 
    array2: [ 
 
     { 
 
     name: 'test' 
 
     } 
 
    ] 
 
    }, 
 
    { 
 
    name: 'test 3', 
 
    array2: [ 
 
     { 
 
     name: 'test 4' 
 
     }, 
 
     { 
 
     name: 'test 5' 
 
     } 
 
    ] 
 
    } 
 
]; 
 

 
arr2.map(e => { 
 
    var tmp = e.array2.filter(e2 => e2.name.includes('2')); 
 
    e.array2 = tmp; 
 
}); 
 

 
console.log(arr2);