[GELÖST] (Advanced) Filter Array mit Objekten

[Kerockx]

Hallo zusammen,

zunächst erst einmal vielen Dank für dieses tolle Forum!

Ich möchte zwei Arrays mit Objekten miteinander vergleichen und nur diejenigen Objekte zurückgeben, die in einem Value (ebenfalls ein Array) mind. alle Werte aus den Objekten des anderen Arrays haben.

Hier ein Beispiel zur Veranschaulichung:

const arr1 = [
    { id: 1, values: [1]},
    { id: 2, values: [2]},
    { id: 3, values: [1,2]},
    { id: 4, values: [1,2,3]},
  ];
  
  const arr2 = [
    { id: 1, values: [1]},
    { id: 2, values: [2]}
  ];

//gewünschter Output => [{ id: 3, values: [1,2]}, { id: 4, values: [1,2,3]}]

Bei der Lösung spielt die Performance eine wesentliche Rolle, da in dem ersten Array mehrere 100 Objekte sein können.

Mit der .filter Methode habe ich bereits gearbeitet. In diesem speziellen Fall, komme ich damit aber nicht weiter.

Ich hoffe ihr könnt mir dabei helfen.

Ich sitze an einem React Native Projekt. Vielleicht kennt ihr auch eine Libary, die dies für mich erledigen kann.

Vielen Dank
Kerockx

 

[mikdoe]

Vorschlag: das zweite Array in ein temporäres Hash of Arrays (ich meine damit ein JS "Object") kopieren mit den values als keys und den id's als values in Array Format. Dann durch array 1 iterieren und einfach auf defined im Hash abfragen.

 

[Kerockx]

Hallo mikdoe,

vielen Dank für deine Antwort!

Ich konnte das Problem mit Hilfe deiner Antwort lösen:

const arr1 = [
    { id: 1, values: [1]},
    { id: 2, values: [2]},
    { id: 3, values: [1,2]},
    { id: 4, values: [1,2,3]},
  ];
  
  const arr2 = [
    { id: 1, values: [1]},
    { id: 2, values: [2]}
  ];

  const tmpArray = []
  
  arr2.map((item) => {
    tmpArray.push(...item.values)
  });

  const result = [];

  arr1.map((item) => {
    if(tmpArray.every(element => item.values.includes(element))){
      result.push(item)
    }
  });

  console.log(result) 
  // => [{ id: 3, values: [1,2]}, { id: 4, values: [1,2,3]}]

Allerdings erscheint mir dein Text eleganter als mein Code.
Magst du den Code vielleicht deinem Vorschlag entsprechend anpassen?

Vielen Dank
Kerockx

 

[mikdoe]

vielen Dank für deine Antwort!

Sehr gern.

Allerdings erscheint mir dein Text eleganter als mein Code.

Das sehe ich genau anders herum. Bin erstaunt über diese Syntax. Ich hätte nur sperrige Schleifen benutzt. Deines finde ich doch viel übersichtlicher.

 

[Kerockx]

Das sehe ich genau anders herum. Bin erstaunt über diese Syntax. Ich hätte nur sperrige Schleifen benutzt. Deines finde ich doch viel übersichtlicher.

Ohh, dann war das wohl ein Glücksgriff :icon7:

CLOSED