Получить объект из массива с помощью Vuex getter

Question

У меня есть часть состояния, которая является массивом.В геттере я фильтрую его и возвращаю объект, который соответствует другому куску состояния, например:

selectedItem: state => {
  return state.items.filter(
    item => item.id == state.selectedId
  );
},

Однако filter() возвращает массив, который в этом случае дает мне массив с ОДНЫМ объектом,предмет с selectedId.Я могу добавить [0] для доступа к этому первому объекту в массиве, но это действительно уродливый хак.Есть ли другой способ убедиться, что я получаю объект, а не массив при фильтрации в гетто Vuex?

Answer 1

Вместо этого вы можете использовать find метод.Он возвратит объект или undefined, если не может найти соответствующий объект

selectedItem: state => {
  return state.items.find(
    item => item.id == state.selectedId
  );
},

Ссылка