Как заменить объект в массиве объектов без мутаций, без изменений индекса данного обектов?

Question

[Max]

У меня есть массив обектов. (И новый обектов.) Я хочу один из обектов массива заменить на новый. Но надо это сделать так чтобы порядок не менялся.

Этот массив перед тем как отображаться на UI на него применяется метод reverse() , но в State этот массив не перевернутый. То есть в action новый объект приходит из перевернутим индексом я так понимаю

Я пробивал:

//  вариант 1.  
      case SOME:
       return {
          ...state,
          array: [
              ...array.filter(p => p.id !== action.newObjectIndex), action.newObject
            ]
        };

      //  вариант 2. 
      case SOME:
       return {
          ...state,
            array: [
              ...array.splice(0, array.indexOf(action.object)),
              action.newObject,
              ...array.splice(array.indexOf(action.object) + 1) 
            ]
        };
      //  вариант 3. 
        case SOME:
      const newArray = array.reverse();
      const prev = newArray.slice(0, newArray.indexOf(action.object));
      const next = newArray.slice(newArray.indexOf(action.object) + 1);
       return {
          ...state,
            posts: [
              ...prev,
              action.newObject,
              ...next
            ]
        };
      //  вариант 4. 
      case SOME: 
      const oldArray = array.reverse();
      oldArray.map((p, index) => {
        if(index !== oldArray.indexOf(action.object)) {
          return p
        }
        return {
          ...p,
          ...action.newObject
        }

      })
       return {
          ...state,
            array: [
              ...array
            ]
        };

Answer 1

[0xD34F]

return {
  ...state,
  array: state.array.map(n => n.id === action.newObject.id ? action.newObject : n),
};

Comments

[Max]

Спасибо)

[Yustas Alexu]

Не очень эффективно. Что если в массиве 1000 записей? Гораздо эффективнее найти нужный индекс и обновить только его.

[Aetae]

Yustas Alexu, видишь Redux в тегах? Знаешь что это такое? Если нет - то лучше и не надо.)

[Yustas Alexu]

Aetae, я работаю фронтенд разработчиком и прекрасно знаю что такое Redux. К чему эта реплика?

[Aetae]

Yustas Alexu, при том, что эта херотень всё равно всё тысячу раз копирует и перебирает. Всё это капля в море и как redux не оптимизируй - толку ноль.

[Yustas Alexu]

Aetae, если вы о spread операторе, то его использование можно в разы сократить, если просто почитать документацию: https://redux.js.org/recipes/structuring-reducers/...