Optimize reducer根据参数的条件对对象进行排序

基础概念

在软件开发中，特别是在处理状态管理时，reducer 是一个纯函数，它接收当前的状态和一个动作（action），然后返回一个新的状态。Reducer 通常用于 Redux 或类似的库中，以管理应用程序的状态。

优化 Reducer 进行排序

假设我们有一个对象数组，并且我们希望根据某个参数对数组中的对象进行排序。以下是一个示例，展示了如何在 reducer 中实现这一点。

示例代码

// 初始状态
const initialState = {
  items: [
    { id: 1, name: 'Alice', age: 30 },
    { id: 2, name: 'Bob', age: 25 },
    { id: 3, name: 'Charlie', age: 35 }
  ]
};

// Reducer
function reducer(state = initialState, action) {
  switch (action.type) {
    case 'SORT_ITEMS':
      return {
        ...state,
        items: [...state.items].sort((a, b) => {
          if (action.payload.key === 'age') {
            return a.age - b.age;
          } else if (action.payload.key === 'name') {
            return a.name.localeCompare(b.name);
          }
          return 0;
        })
      };
    default:
      return state;
  }
}

// 动作创建函数
function sortItems(key) {
  return { type: 'SORT_ITEMS', payload: { key } };
}

// 使用示例
const action = sortItems('age');
const newState = reducer(initialState, action);
console.log(newState);