JS verwendet Map, um doppelte Arrays zu integrieren

      // Simulierte Daten arr1
      let testArrOne = [
        { Datum: "2021-8-11", testNumOne: 1 },
        { Datum: "2021-8-12", testNumOne: 2 },
        { Datum: "2021-8-13", testNumOne: 3 },
      ];
      // Simulierte Daten arr2
      lass testArrTwo = [
        { Datum: "2021-8-12", testNumTwo: 2 },
        { Datum: "2021-8-14", testNumTwo: 4 },
        { Datum: "2021-8-15", testNumTwo: 5 },
      ];
      //Merge-Methode let testMap = {}; //Deklariere zuerst ein leeres Objekt als Map

   //Durchlaufe das erste Array testArrOne.forEach((item) => {
        testMap[Artikel.Datum] = {
          date: item.date, //Initialisierungszeitpunkt testNumOne: item.testNumOne || 0, //Initialisierung Testdaten eins testNumTwo: 0, //Initialisierung Testdaten zwei };
      });
  

    //Durchlaufe das zweite Array testArrTwo.forEach((item) => {
       //Wenn das Array ein Map-Objekt mit der Zeit enthält, kopieren Sie es. Wenn eine neue Zeit gefunden wird, initialisieren Sie es und weisen Sie ein leeres Objekt zu testMap[item.date] = testMap[item.date] || {}; 
       //ZuweisungszeittestMap[item.date].date = item.date;
        //Testdaten eins zuweisen. Wenn nicht, initialisieren Sie testMap[item.date].testNumOne = testMap[item.date].testNumOne || 0;
        //Hilfstestdaten twotestMap[item.date].testNumTwo = item.testNumTwo;
      });

 dies.listMapUtils.map2List(testMap);

      listMapUtils: {
      //arr zur Map-Methode list2Map: function(list, key) {
          lass map = {};
          wenn (Liste && Array.isArray(Liste) && Liste.Länge > 0) {
            Liste.fürJeden((Element) => {
              Element[Schlüssel]? (Map[Element[Schlüssel]] = Element): "";
            });
          }
          Rückfahrkarte;
        },
        //zur arr-Methode map2List zuordnen: function(map) {
          lass Liste = [];
          wenn (Map && Typ der Map === "Objekt") {
            für (let-Schlüssel in Karte) {
              list.push(map[Schlüssel]);
            }
          }
          Liste zurückgeben;
        },
      },

<Vorlage>
  <div></div>
</Vorlage>

<Skript>
Standard exportieren {
  Name: "App",
  Daten() {
    zurückkehren {
      listMapUtils: {
        list2Map: Funktion(Liste, Schlüssel) {
          lass map = {};
          wenn (Liste && Array.isArray(Liste) && Liste.Länge > 0) {
            Liste.fürJeden((Element) => {
              Element[Schlüssel]? (Map[Element[Schlüssel]] = Element): "";
            });
          }
          Rückfahrkarte;
        },
        map2List: Funktion(map) {
          lass Liste = [];
          wenn (Map && Typ der Map === "Objekt") {
            für (let-Schlüssel in Karte) {
              list.push(map[Schlüssel]);
            }
          }
          Liste zurückgeben;
        },
      },
    };
  },
  erstellt() {
    dies.mergeArr();
  },
  Methoden: {
    mergeArr() {
      // Simulierte Daten arr1
      let testArrOne = [
        { Datum: "2021-8-11", testNumOne: 1 },
        { Datum: "2021-8-12", testNumOne: 2 },
        { Datum: "2021-8-13", testNumOne: 3 },
      ];
      // Simulierte Daten arr2
      lass testArrTwo = [
        { Datum: "2021-8-12", testNumTwo: 2 },
        { Datum: "2021-8-14", testNumTwo: 4 },
        { Datum: "2021-8-15", testNumTwo: 5 },
      ];

      //Merge-Methode let testMap = {}; //Deklariere zuerst ein leeres Objekt als Map

      //Durchlaufe das erste Array testArrOne.forEach((item) => {
        testMap[Artikel.Datum] = {
          Datum: Artikel.Datum,
          testNumOne: Element.testNumOne || 0,
          testNumTwo: 0,
        };
      });

      testArrTwo.forEach((item) => {
        testMap[item.date] = testMap[item.date] || {}; //Objekt initialisieren testMap[item.date].date = item.date;
        testMap[item.date].testNumOne = testMap[item.date].testNumOne || 0;
        testMap[Element.Datum].testAnz.Zwei = Element.testAnz.Zwei;
      });
      
      //Karte zu arr
      dies.listMapUtils.map2List(testMap);
      //Das Endergebnis abrufen console.log(this.listMapUtils.map2List(testMap));
    },
  },
};
</Skript>

<Stil></Stil>