JS - operacje na tablicach

Question

Witam, posiadam dwie tablice

const samochody = [
{ kolor:' Czerwony ',marka:' Opel ' },
{ kolor:' Bialy ',marka:' Opel ' },
{ kolor:' Czarny ',marka:' Mazda ' },
{ kolor:' Brazowy ',marka:' Renault ' },
{ kolor:' Srebrny ',marka:' Renault ' },
{ kolor:' Bialy ',marka:' Renault ' }
]


const id = [
{ marka:' Opel ', id:' 3 ' },
{ marka:' Mazda ', id:' 1 ' },
{ marka:' Renault ', id:' 12 ' },
{ marka:' Opel ', id:' 2 ' },
{ marka:' Renault ', id:' 14 ' },
{ marka:' Renault ', id:' 13 ' }
]

Ilosc elementow w obu tablicach zawsze jest taka sama względem marki (taka sama ilosc danej marki w obu tablicach)

Teraz zależy mi aby przypisać ID z drugiej tablicy, do tablicy SAMOCHODY (gdzie są też kolory) aby kolejność pierwszej tablicy (samochody) została zachowania, a tylko z drugiej tablicy same id sie skopiowaly do pierwszej względem marki, tylko że id muszą być posortowane rosnąco.

Druga tablica (id) może mieć elementy w losowej kolejności.

Oczekiwany rezultat:

const rezultat = [
{ kolor:' Czerwony ',marka:' Opel ', id:' 2 '  },
{ kolor:' Bialy ',marka:' Opel ' , id:' 3 ' },
{ kolor:' Czarny ',marka:' Mazda ' , id:' 1 ' },
{ kolor:' Brazowy ',marka:' Renault ' , id:' 12 ' },
{ kolor:' Srebrny ',marka:' Renault ' , id:' 13 ' },
{ kolor:' Bialy ',marka:' Renault ' , id:' 14 ' }
]

id zostaly przypisane rosnaco wzgledem marki, nie zmieniajac kolejnosci elementow pierwszej tablicy.

Jak takie coś osiągnąć najprościej?

Answer 1

const samochody = [
  { kolor: " Czerwony ", marka: " Opel " },
  { kolor: " Bialy ", marka: " Opel " },
  { kolor: " Czarny ", marka: " Mazda " },
  { kolor: " Brazowy ", marka: " Renault " },
  { kolor: " Srebrny ", marka: " Renault " },
  { kolor: " Bialy ", marka: " Renault " },
];

// Tutaj zmieniamy na let,
// ponieważ zmienna id będzie modyfikowana
let id = [
  { marka: " Opel ", id: " 3 " },
  { marka: " Mazda ", id: " 1 " },
  { marka: " Renault ", id: " 12 " },
  { marka: " Opel ", id: " 2 " },
  { marka: " Renault ", id: " 14 " },
  { marka: " Renault ", id: " 13 " },
];

// Sortujemy id rosnąco
id.sort((a, b) => {
  return parseInt(a.id) - parseInt(b.id) < 0
    ? -1
    : 1
})

const rezultat = samochody.map(samochód => {
  // Szukamy pierwszego id pasującego do marki
  const znalezioneId = id.find(id=> id.marka === samochód.marka)

  // Usuwamy znalezione id
  id = id.filter(id => id !== znalezioneId)

  // zwracamy nowy samochód z id
  return { ...samochód, ...znalezioneId }
})