Как обратится к значению proxy(object)?

Question

[Александр]

я хочу вывести в консоль массив hours: , но видимо не правильно к нему обращаюсь. Я с помощью метода filter создаю новый массив, но обратится к его элементам у меня не совсем получается, в чем моя ошибка и как сделать правильно?

const test = this.ArrBookingHours.filter((hour) => hour.date === day.toDateString())
      console.log(test)
      console.log(test.hours)

Comments

[Дмитрий Беляев]

реализацию proxy покажите

[Александр]

Дмитрий Беляев, у меня есть массив который содержит в себе объекты содержащие в себе строку и массив чисел(часы), называется он ArrBookingHours. day- это переменная которая хранит в себе определенную дату(на скрине это 8 мая), переменная test выводится в console.log его результат приведен на скрине

[shushara4241]

Дмитрий Беляев, судя по всему это vue прокси

[shushara4241]

Александр, А попробуйте вывести в консоль что-то типо this.ArrBookingHours[0], может массив пустой?
console.log(test) -> underfined значит, что функция не выполнилась, т.к. она как минимум должна вернуть пустой массив

[Lynn «Кофеман»]

эм, test[0].hours?

[Александр]

shushara4241, Lynn «Кофеман», массив не пустой вывожу в начале функции как раз переменные по которым прохожусь методом filter().

transferDataModalPannel(relaxPlace, day) {
      console.log(day.toDateString())
      console.log(this.ArrBookingHours)

      const test = this.ArrBookingHours.filter((hour) => hour.date === day.toDateString())
      console.log(test)
      console.log(test.hours)
    },

[Lynn «Кофеман»]

Вы правда не понимаете разницу между test.hours и test[0].hours?

Answer 1

[Андрей Прохоренко]

Проблема в том, что filter() возвращает массив объектов, даже если найден только один элемент. В твоем случае test - это массив с одним объектом Proxy(Object), а не сам объект.
Чтобы получить доступ к свойству hours, тебе нужно обратиться к первому (и единственному) элементу массива:

const test = this.ArrBookingHours.filter((hour) => hour.date === day.toDateString())
console.log(test)
console.log(test[0].hours)

строка console.log(test[0].hours) - это обращение к первому элементу массива

Еще есть компактнее с использованием find и опциональной цепочки:

const booking = this.ArrBookingHours.find(
  hour => hour.date === day.toDateString()
)

console.log(booking?.hours ?? 'Нет записи на эту дату')

Используя этот способ - можно избежать ошибки Cannot read property 'hours' of undefined, если нет ни одного совпадения.