conditionally modify object's property ES6 - ecmascript-6

Question

I have below object in ES6.
const myObject = {
list1: [
{ title:'test1', acted:false, currentAction:false
},
{ title:'test2', acted:false, currentAction:false
},
{ title:'test3', acted:false, currentAction:false
},
{ title:'test3', acted:false, currentAction:false
}],
list2:
[
{ title:'data1', acted:false, currentAction:false
},
{ title:'data2', acted:false, currentAction:false
},
{ title:'data3', acted:false, currentAction:false
},
{ title:'data4', acted:false, currentAction:true,
}],
list3:
[
{ title:'a1', acted:false, currentAction:false
},
{ title:'a2', acted:false, currentAction:false
},
{ title:'a3', acted:false, currentAction:false
},
{ title:'a4', acted:false, currentAction:false,
}],
}
I would like to check if any currentAction property within any list is true make it false and return the whole modified object.
I know how to directly modify object property but not sure about any list within object can be filter and modified.
this is what I tried
const newObject = { ...myObject, currentAction:true }

Answer 1

You tried this code:
const newObject = { ...myObject, currentAction:true }
This won’t filter anything, and it doesn’t come close to what you want. But it does help clarify the question: when you say “return the whole modified object”, apparently you really mean the whole thing:
{
list1: [
{ title:'test1', acted:false, currentAction:false
},
{ title:'test2', acted:false, currentAction:false
},
{ title:'test3', acted:false, currentAction:false
},
{ title:'test3', acted:false, currentAction:false
}],
list2:
[
{ title:'data1', acted:false, currentAction:false
},
{ title:'data2', acted:false, currentAction:false
},
{ title:'data3', acted:false, currentAction:false
},
{ title:'data4', acted:false, currentAction:true,
}],
list3:
[
{ title:'a1', acted:false, currentAction:false
},
{ title:'a2', acted:false, currentAction:false
},
{ title:'a3', acted:false, currentAction:false
},
{ title:'a4', acted:false, currentAction:false,
}],
}
Now let’s answer the question. First, to reset the currentAction properties to false:
for (listIndex = 0; listIndex < 3; ++listIndex) {
for (const innerObject of myObject["list" + listIndex]) {
innerObject.currentAction = false;
}
}
The notation "list" + listIndex is string concatenation. The notation myObject[...] is used to access a property using a computed property name. This gives us an array, which we iterate over using for (const innerObject of ...).
Now, to return the new object: no need, because it’s already in myObject. Even though myObject was declared as a const, that just means that the object reference it contains is constant. In other words, myObject always refers to the same object. But the object itself can change.
Edit: Felix Kling suggested using for (const list of Object.values(myObject)) to iterate over myObject’s properties. This way we don’t make any assumptions about the number of properties or their names. I also renamed innerObject to listItem.
for (const list of Object.values(myObject)) {
for (const listItem of list) {
listItem.currentAction = false;
}
}