同じキーの子供：Object.assign vs _.merge

Question

javascriptでの割り当てとマージの違いを十分に理解しているかどうかは疑問です。以下の減速は、状態を更新するたびに、私はエラーが消え、別の方法でnewKeyframesを計算する場合、私は、しかしEncountered two children with the same keyエラー

function updateKeyframes(state, action) { 
    const { keyframeIds, props } = action.payload; 

    const newKeyframes = _.map(keyframeIds, function(id) { 
    return _.merge(state.keyframes[id], props); 
    }); 

    return Object.assign({}, state, { 
    keyframes: Object.assign({}, state.keyframes, newKeyframes) 
    }); 
} 

を取得します。

const newKeyframes = keyframeIds.reduce((memo, keyframeId) => 
Object.assign({}, memo, { 
[keyframeId]: Object.assign({}, state.keyframes[keyframeId], props) 
}), {}); 

なぜですか？ここで何が起こっているのですか？

Answer 1

最初の例では、newKeyframesは配列です。あなたの2番目の例では、newKeyFramesがオブジェクトです。予想通り

Object.assign({}, state.keyframes, newKeyframes) 

newKeyFramesが配列の場合、キーの交換はおそらく行くことはありません。明らかな違いがで、その後があります。