I'm trying to switch the value of selected from whatever it currently is (true or false) to the opposite when a user clicks on a checkbox. My toggleCheck function is supposed to return all data with the altered select value. Here's the data structure. It's an object with arrays that have objects.
{
"ModuleName": [{
"module": "string",
"selected": false,
"name": "title",
"points": [{
"category": "category1",
"description": "desc1",
"provided": "provided1"
},
{
"category": "category1",
"description": "desc",
"provided": "something"
}
]
},
{
"module": "string",
"selected": false,
"name": "title_one",
"points": [{
"category": "category1",
"description": "desc1",
"provided": "provided1"
},
{
"category": "category1",
"description": "desc",
"provided": "something"
}
]
}
],
[...],
[...]
}
My closest attempt but it's the wrong format
function toggleCheck(checkedValue, valuesArr) {
return {
value: Object.entries(valuesArr).map(([key, values], i) =>
values.map((x) => {
return {
...x,
selected:
x.name === checkedValue.name ? !x.selected : x.selected,
};
})
),
};
}
probably cause I used a map it wrapped it in an array
[
[
{},
{},
{}
],
[...],
[...]
]
^^^ What I got
{
"Name": [ {},
{},
{}
],
"Name": [...],
"Name": [...]
}
^^^ What I need
function toggleCheck(checkedValue, valuesArr) {
//Step 0: Change the value in the data
let checked = Object.entries(valuesArr).map(([key, values], i) =>
values.map((x) => {
return {
...x,
selected:
x.name === checkedValue.name ? !x.selected : x.selected,
};
})
);
//Step 1: Group the modules into like arrays
let grouped = checked .flat().reduce(function (r, a, i) {
if (!i || r[r.length - 1][0].module !== a.module) {
return r.concat([[a]]);
}
r[r.length - 1].push(a);
return r;
}, []);
//Step 2: Assign the new object properties as the arrays.
//The key being the module name.
let newObj = {};
grouped.map((x, i) => {
newObj[x[0].module] = x;
});
return {value: newObj};
}
In your question you wrote:
{
"Name": [ {},
{},
{}
],
"Name": [...],
"Name": [...]
}
^^^ What I need
this can't be exist in JS object. Only the last assignment of the name property will be taken into account, all the previous ones are only old values of this property
codding :
const data =
{ name:'aaa'
, name:'bbb'
, name:'ccc'
}
is the same as coding
const data = {}
data.name = 'aaa'
data.name = 'bbb'
data.name = 'ccc'
proof:
const data =
{ name:'aaa'
, name:'bbb'
, name:'ccc'
}
console.log( data ).as-console-wrapper {max-height: 100% !important;top: 0;}
.as-console-row::after {display: none !important;}