Best way to toggle a property in an array

Question

I am runing this function that finds an object in an array and toggles the boolean lead property.

I am actually doing this in react so in there I do change the data via state and in the end if I run it again it would toggle Gary true/false, so it works fine.

My question is regarding the JavaScript code itself, it feels a bit convoluted, is there a better way?

const people = [
 {
 "name": "Olivia",
 "lead": true
 },
 {
 "name": "Gary",
 "lead": false
 },
 {
 "name": "Adam",
 "lead": false
 }
]
const toggleLead = (name) => {
 const values = [...people].map(person =>
 person.name === name
 ? {
 ...person,
 lead: !person.lead
 }
 : { ...person }
 )
 
 return values
}
console.log(toggleLead('Gary'))

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 1

This could be accomplished via an XOR, or boolean not equal in other words.

const people = [
 {
 "name": "Olivia",
 "lead": true
 },
 {
 "name": "Gary",
 "lead": false
 },
 {
 "name": "Adam",
 "lead": false
 }
]
const toggleLead = (name) =>
 [...people].map(person =>
 ({
 ...person,
 lead: person.lead !== (person.name===name)
 })
 )
console.log(toggleLead('Gary'))

.as-console-wrapper { max-height: 100% !important; top: 0; }

• Álvaro: Thanks, it works great and it is a lot more concise