Ändern Sie den Code in ES6

Question

Ich möchte diesen Code in ES6 ändern, insbesondere möchte ich Object.assign Funktionalität verwenden, um es unveränderlich zu machen. Das ist, was ich habe

function toggle(arr, obj){ 
    for(var i=0; i<arr.length; i++){ 
     if(arr[i].name ==obj.name){ 
     arr[i].checked=true; 
     } 
     return arr; 
    } 
    } 


    var arr = [ 
    {name: "play", checked:false}, 
    {name: "swim", checked:false}, 
    {name: "sing", checked:false} 
    ]; 

    toggle(arr, {name: "play", checked:false}); 

Alles, was es tut, ist es die „geprüft“ Eigenschaft übergebene Objekt von false auf true ändert. Im Moment überschreibt es mein ursprüngliches Objekt, ich möchte es vermeiden.

Das ist, was ich bisher habe:

function toggle(arr, obj){ 
    for(var i=0; i<arr.length; i++){ 
     if(arr[i].name ==obj.name){ 
     var newArr = Object.assign({}, arr[i], { arr[i].checked: true}); 
     } 

    } 
    } 

Answer 1

Sie es in der folgenden Art und Weise

var arr = [ 
 
    {name: "play", checked:false}, 
 
    {name: "swim", checked:false}, 
 
    {name: "sing", checked:false} 
 
    ]; 
 

 
//toggle(arr, {name: "play", checked:false}); 
 

 
arr = arr.map((a) => { 
 
    return a.name != "play" ? a : Object.assign(a, {checked : true}); 
 
}) 
 

 
console.log(arr);