拡散演算子と非構造化演算子を使って不変オブジェクトを修正する最短の方法は何ですか

Question

私は不変の状態オブジェクトを変更するために純粋な関数を探しています。パラメータとして与えられた元の状態は元のままでなければなりません。これは、Reduxのようなフレームワークを使って作業していて、javacriptのimmutableオブジェクトを扱うのをはるかに簡単にする場合に特に便利です。特に、Babelを使用したオブジェクトスプレッド演算子での作業はすでに可能です。 、

function updateState(state, item) { 
    newState = {...state}; 
    newState[item.id] = item; 
    return newState; 
} 

function deleteProperty(state, id) { 
    var newState = {...state}; 
    delete newState[id]; 
    return newState; 
} 

それがオン状態

Answer 1

アクションに短くすることができますように私は感じる：

は、私が最初のオブジェクトをコピーするよりも、もっと良いものを見つけ、割り当てよりも/私はこのようにするプロパティを削除しませんでした状態は不変であるとみなされる。

プロパティの値を追加または更新：もう少しサポートしてい

// ES6: 
function updateState(state, item) { 
    return Object.assign({}, state, {[item.id]: item}); 
} 

// With Object Spread: 
function updateState(state, item) { 
    return { 
    ...state, 
    [item.id]: item 
    }; 
} 

プロパティを削除

// ES6: 
function deleteProperty(state, id) { 
    var newState = Object.assign({}, state); 
    delete newState[id]; 
    return newState; 
} 

// With Object Spread: 
function deleteProperty(state, id) { 
    let {[id]: deleted, ...newState} = state; 
    return newState; 
} 

// Or even shorter as helper function: 
function deleteProperty({[id]: deleted, ...newState}, id) { 
    return newState; 
} 

// Or inline: 
function deleteProperty(state, id) { 
    return (({[id]: deleted, ...state}) => state)(state); 
} 

Answer 2

アンES6溶液は、Object.assignある：

const updateState = (state, item) => Object.assign({}, state, { [item.id]: item }); 

Answer 3

配列から項目を削除するには、単にfilter;を使用してください）

CASE 'REMOVE_ITEM_SUCCESS': 

     let items = state.items.filter(element => element._id !== action.id); 

     return { 
      ...state, 
      items 
     }