2つの配列のJavaScriptフィルタ

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: [] 
    } 
] 

私が持っている

そこで、我々は配列を持っていますこれは外部レベル（最初のレベルではnameとarray2のパラメータを持つオブジェクトがあります）で動作します。内側のレベルも機能しますが、内側のレベルをフィルタリングすると内側のオブジェクトの初期状態を取り戻すことができないという問題があります。私は入力バーを持っていますが、2を入力するときれいにフィルタリングされますが、2を削除するとarr：[]の他の要素が表示されますが、array2のフィルタリングされた要素は表示されません。

これを修正する方法についてのご意見はありますか？

jsFiddleへのリンク：http://jsbin.com/pupugoxebi/edit?html,js,output

私は新しい配列を手動でプッシュしますが、動的アレイがあるためにこれは機能しません。たとえば、別のプロパティを持つことができます。手動で書き込むと解決しません。更新版 - http://jsbin.com/bifolisefu/edit?html,js,output

Answer 1

あなたは、新しいオブジェクトを構築し、結果セットにそれをCONCAT、外側の列の名前をCECKのいずれかを使用するか、内側の配列は、いくつかの項目を返すかどうかを確認できます。

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);