Struggling to update list in object array

Question

Hi im having some issues when it comes to updating a specific object in my list based on the key inside the object. Instead of updating the object in the array with the correct key it adds a new object inside the list with the key as an array and then adds the key and the chosen value to that list. My expected result is that it goes into the correct object with the same key and adds the selected value to that list in my example output image that would be "Annet". {Kategori:["Annet"]}

//Find key that matches chosen key
            const addToFilter = valgtUnderFilter
                .map((filter: any) => Object.keys(filter))
                .flat()
                .find((filter: string) => filter === valgtHovedFilter)
            //map out all objects in list and try to update object with correct key
            valgtUnderFilter.map((f: any) => {
                //check if key exists in object (addToFilter = Kategori f = {Kategori : []})
                if (addToFilter in f) {
                    return setValgtUnderFilter([...valgtUnderFilter, { [addToFilter]: [...[addToFilter], valg] }])
                }
            })

[ Output[1]

Please provide sample input and corresponding expected output in JavaScript syntax (text) in your question, not as an image. — trincot
– trincot, Commented Feb 6, 2020 at 14:48

thanhdx · Accepted Answer · 2020-02-06 15:18:03Z

1

Because valgtUnderFilter is an array, not object, so [...valgtUnderFilter, { [addToFilter]: [...[addToFilter], valg] }] will just just return a clone array with adding new object at the end.

You can change the code so addToFilter is the object that have the key equal valgtHovedFilter, and then update the object directly.

Here is the code:

const addToFilter = valgtUnderFilter.find(obj => Object.keys(obj).includes(valgtHovedFilter));
if (addToFilter) addToFilter[valgtHovedFilter].push(valg);

edited Feb 6, 2020 at 15:18

answered Feb 6, 2020 at 15:10

thanhdx

6184 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andreas Engebretsen Over a year ago

Thank you this worked. Reading your example made perfect sense.

tstrand66 · Accepted Answer · 2020-02-06 15:11:57Z

0

Based on your image i think the below gets you close if not perfectly at your goal.

const arr = [
  { Kategori: [] },
  { Status: [] },
  { RelevantBehandling: [] },
  { StudienForegarVed: [] },
  { AnsvarligHelseforetak: [] }
], 
  addToFilter = { Kategori: 'Annet' },
  addToFilterKey = Object.keys(addToFilter)[0],
  addToFilterVal = Object.values(addToFilter)[0];
let key, val;
arr.forEach(function (obj) {
  key = Object.keys(obj)[0];
  val = Object.values(obj)[0];
  key == addToFilterKey && val.push(addToFilterVal);
});
console.log(arr);

answered Feb 6, 2020 at 15:11

tstrand66

9687 silver badges12 bronze badges

Collectives™ on Stack Overflow

Struggling to update list in object array

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related