Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

連想配列を別の配列でフィルタリングするJavaScript


これらのようなオブジェクトの2つの配列があるとします-

const data = [
   {"XD_A":"XDL","XD_B_1":"38","XD_B_2":"PB"},
   {"XD_A":"XDR","XD_B_1":"51","XD_B_2":"PB"},
   {"XD_A":"XDL","XD_B_1":"58","XD_B_2":"PB"},
   {"XD_A":"XDR","XD_B_1":"38","XD_B_2":"PB"},
   {"XD_A":"XDL","XD_B_1":"76","XD_B_2":"PB"},
   {"XD_A":"XDR","XD_B_1":"38","XD_B_2":"PB"}
];
const filters =[{"XD_A":"XDR"},{"XD_B_1":"38"}];

最初の引数と2番目の引数などの2つの配列をそれぞれ受け取るJavaScript関数を作成する必要があります。

次に、関数は、2番目の配列(フィルター配列)に存在するすべてのキーと値のペアを含む最初の配列(データ配列)からオブジェクトのみを選択する必要があります。

そして、関数はそれらすべてのオブジェクトを新しいオブジェクトに押し込み、そのオブジェクトを返す必要があります。

上記の配列の場合、返される配列には、次のような2つのオブジェクトが含まれている必要があります-

const output = [
   {"XD_A":"XDR","XD_B_1":"38","XD_B_2":"PB"},
   {"XD_A":"XDR","XD_B_1":"38","XD_B_2":"PB"}
];

このためのコードは-

になります
const data = [
   {"XD_A":"XDL","XD_B_1":"38","XD_B_2":"PB"},
   {"XD_A":"XDR","XD_B_1":"51","XD_B_2":"PB"},
   {"XD_A":"XDL","XD_B_1":"58","XD_B_2":"PB"},
   {"XD_A":"XDR","XD_B_1":"38","XD_B_2":"PB"},
   {"XD_A":"XDL","XD_B_1":"76","XD_B_2":"PB"},
   {"XD_A":"XDR","XD_B_1":"38","XD_B_2":"PB"}
];
const filters =[{"XD_A":"XDR"},{"XD_B_1":"38"}];
const filter = (data, filters) => {
   return data.filter(e => {
      try{
         filters.forEach(o => {
            Object.keys(o).forEach(key => {
               if(e[key] !== o[key]) throw new 1;
            });
         });
         return true;
      }
      catch(e){
         return false;
      }
   });
}
console.info(filter(data, filters));

出力

そして、コンソールの出力は-

になります
[
   { XD_A: 'XDR', XD_B_1: '38', XD_B_2: 'PB' },
   { XD_A: 'XDR', XD_B_1: '38', XD_B_2: 'PB' }
]

  1. オブジェクトのJavaScript配列を別の配列でフィルタリングする

    このようなオブジェクトの配列があるとします- const arr = [    {area: 'NY', name: 'Bla', ads: true},    {area: 'DF', name: 'SFS', ads: false},    {area: 'TT', name: 'SDSD', ads: true},    {area: 'SD', name: 'Engine', ad

  2. JavaScriptを使用したネストされたコレクションフィルター

    このようなネストされたオブジェクトの配列があるとします- const arr = [{    id: 1,    legs:[{       carrierName:'Pegasus'    }] }, {    id: 2,    legs:[{       carrierName: 'SunExpress'    },    {     &n