Как работать с асинхронными данными?

Question

[streetn1]

Здравствуйте. Столкнулся с проблемой обработки данных, которые я получаю через ajax-запрос. Суть проблемы, что не понимаю, как нужно обрабатывать json. Потому что js постоянно выдает 'undefined properties'.
1) Во Vuex я создал action, который получает json:

SET_RATING: async (context, payload) => {
	let data = await Axios.get('https://r-volsu.ru/api/rating/ИВТм-181');
	context.commit('SET_RATING', data.data);
}

2) Я пытаюсь обработать в компоненте пришедшие данные:

computed:{
  semester(){
     let result = this.$store.getters.RATING.rating; // тут json все нормально
     let current = this.$store.getters.RATING.currentSemester; // "Первый семестр"

     result[current] // вот тут и получаю undefined properties
  }
}

Как поступать в подобных ситуациях?

Answer 1

[Leo Developer]

В каком виде у тебя JSON? Это просто строка или уже отпарсенный JSON в виде объекта?
Если это строка - то нужно отпарсить - const data = JSON.parse(jsonData)

Comments

[streetn1]

Json.parse не нужен, json уже является объектом

[Leo Developer]

streetn1, Ну тогда посмотри что в этом объекте есть и какое содержимое у переменной current.

Если название свойства объекта и содержимое переменной current совпадает, то это должно работать. Если и в этом случае не работает, то посмотри равны ли - свойство объекта и содержимое переменной. Там может быть где-то, например вместо русской е написана английская)))