マップを使用してjavascriptオブジェクトを更新する複数の方法

Question

関数型プログラミングでは不変性が導入されているため、es6のマップはデータ、特に配列やオブジェクトを扱う際の一般的なアプローチです。

は、私は上記のアプローチ以外にもcheckedプロパティを変更するための代替は何

const todos = (state = [], action) => { 
    switch(action.type) { 
     case 'TOGGLE_TODO': { 
      return state.map(todo => 
       todo.id !== action.id ? todo 
       : { 
       ...todo, checked: !todo.checked 
       } 
      ) 
     } 
     default: 
      return state 
    } 

} 

以下Reduxのの減速がありますか？コードはまったく読むことができますか？

誰かがここで私はどうなるのかだ。この

switch (action.type) { 
     case "TOGGLE_TODO": 
      return [ 
       ...state.slice(0, action.id), 
       {...state[action.id], isCompleted: !state[action.id].isCompleted}, 
       ...state.slice(action.id + 1) 
      ] 
     default: 
      return state; 
    } 

Answer 1

を好みます。

const todos = (state = [], action) => { 
    switch(action.type) { 
    case 'TOGGLE_TODO': { 
     let newState = state.concat([]); 
     newState.any((item) => 
     item.id == action.id && 
      (item = { ...item, checked: !item.checked }) 
    ); 

     return newState; 
    } 
    default: 
     return state; 
    } 
} 

あなたのtodoリストのデータ構造をマップに変更することができれば、次のように見えるようになります。

const todos = (state = {}, action) => { 
    switch(action.type) { 
    case 'TOGGLE_TODO': { 
     let itemToChange = state[action.id]; 
     return { 
     ...state, 
     [action.id]: { 
      ...itemToChange, 
      checked: !itemToChange.checked 
     } 
     }; 
    } 
    default: 
     return state 
    } 
}