Push elements of

December 6, 2022

This is, I believe a very simple question for a JS programmer. Given the following array of objects named "categories"

[
    {
        "id": 1,
        "name": "FURNITURE", 
    },
    {
        "id": 2,
        "name": "AUTOMOTIVE",
    },
    {
        "id": 3,
        "name": "UPHOLSTERY",
    }
]

I want to push the "name" on the "selectedCategories" array below where "id" === "id"

[
    {
        "id": 1
    },
    {
        "id": 3
    }
]

Below is my attempt to solve this, but … not working..

for (let i = 0; i < selectedCategories.length; i++) {
    for(let y = 0; y < categories.length; y++){
      selectedCategories.name = categories[y].name
    }
  }

>Solution :

I believe this is what you are looking for

selectedCategories = selectedCategories.map(el => {
    const searchEl = categories.find(e => e.id === el.id);
    if (searchEl)
        return { ...el, name: searchEl.name }
    return el;
});