Main problem is that key format is not supported for selecting. I do have automatically generated object list with unique keys. Index and key is known. I do need to add value to custom_property object or edit if it already exists.
Code snapshot:
let initialValue = {
"126ccbb5-1a89-40a9-9393-6849a2f502bc": {
"uuid": "126ccbb5-1a89-40a9-9393-6849a2f502bc",
"order": 0,
"custom_properties": {
},
},
"82945a12-ffcb-4dba-aced-e201fa9a531e": {
"uuid": "82945a12-ffcb-4dba-aced-e201fa9a531e",
"order": 1,
"custom_properties": {
},
}
}
I do have these values that I want to insert/update on the custom_property array
const index = 0;
const name = "some_title"
const value = {value: 1, label: "some label"}
How result should look like:
let initialValue = {
"126ccbb5-1a89-40a9-9393-6849a2f502bc": {
"uuid": "126ccbb5-1a89-40a9-9393-6849a2f502bc",
"order": 0,
"custom_properties": {
"some_title" : {value: 1, label: "some label"}
},
},
"82945a12-ffcb-4dba-aced-e201fa9a531e": {
"uuid": "82945a12-ffcb-4dba-aced-e201fa9a531e",
"order": 1,
"custom_properties": {
},
}
}
you can do something like this
const update = (data, index, key, value) => Object.fromEntries(Object.entries(data).map(([k, v], i) => i === index? [k, {...v, custom_properties: Object.assign({}, v.custom_properties, {[key]: value})}]:[k,v])) let initialValue = { "126ccbb5-1a89-40a9-9393-6849a2f502bc": { "uuid": "126ccbb5-1a89-40a9-9393-6849a2f502bc", "order": 0, "custom_properties": {}, }, "82945a12-ffcb-4dba-aced-e201fa9a531e": { "uuid": "82945a12-ffcb-4dba-aced-e201fa9a531e", "order": 1, "custom_properties": {}, } } const newValue = update(initialValue, 0, 'newKey', 'newValue') console.log(newValue)
You can try using Object.values() and get the array of items and then pass down the index like,
Object.values(data)[index]
Then assign the dynamic key-value to the custom_properties
like,
item.custom_properties = {
[name]: value,
};
Working Snippet:
let initialValue = { '126ccbb5-1a89-40a9-9393-6849a2f502bc': { uuid: '126ccbb5-1a89-40a9-9393-6849a2f502bc', order: 0, custom_properties: {}, }, '82945a12-ffcb-4dba-aced-e201fa9a531e': { uuid: '82945a12-ffcb-4dba-aced-e201fa9a531e', order: 1, custom_properties: {}, }, }; const index = 0; const name = 'some_title'; const value = { value: 1, label: 'some label' }; const getUpdatedResult = (data) => { const item = Object.values(data)[index]; if (item) { item.custom_properties = { [name]: value, }; } return data; }; console.log(getUpdatedResult(initialValue));
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.