Почему не срабатывают события?

Question

[mishapsv]

Нужно отфильтровать массив.
Сделал здесь
Если ставлю консол.лог внутри addEventListener - срабатывает, снаружи - нет.
Подскажите, как правильно это записать?

Т.е. нужно при изменении value (одного поля или двух) фильтровать массив с указанными условиями.

Comments

[OVK2015]

Так фильтруется вроде

[mishapsv]

OVK2015 массив выводится в первый раз, но при смене даты ничего не происходит

[OVK2015]

mishapsv: Там кода для отображения изменений нет. Вставьте внутрь обработчика console.log

[mishapsv]

OVK2015 он там есть, откройте консоль, туда выводится массив при первой загрузке

[OVK2015]

mishapsv: В сам обработчик:

d2.addEventListener('change', function(e) {
    fltr = fltr.filter(function(x) {
      return x.date < e.target.value
    })
    console.log('After select');
    console.log(fltr);
  })

[mishapsv]

OVK2015 Я же написал в условии: "Если ставлю консол.лог внутри addEventListener - срабатывает, снаружи - нет."
"Т.е. нужно при изменении value (одного поля или двух) фильтровать массив с указанными условиями."

[OVK2015]

mishapsv: Так снаружи у вас ни кода ни других эл-ов на форме нет. Внешний console.log у вас разово при старте отработал(вывел не фильтрованный массив) и все,- больше к нему управление никогда.не попадает. А результирующий( отфильтрованный массив) у вас нигде в коде не выводится

[mishapsv]

OVK2015 ага тогда как по уму сделать?
Будет подаваться массив и его нужно будет фильтровать, сортировать и т.д. при нажатии на поля и чекбоксы. Как бы вы сделали перересовку массива при каждом изменении(хотя бы для моего случая)?

[OVK2015]

mishapsv: В смысле: визуализировать содержимое массива? Вверху эл-ты управления(для выборки) под ними таблица с массивом, на каждый столбец эл-ты для сортировки. Ну, и соответственно, событийно менять содержимое таблицы. А вообще, вариантов вагон и маленькая тележка. От вкуса и времени/желания эти плюшки добавлять

[mishapsv]

OVK2015 нет, по сути, как написано в изначальном задании: изменяем дату и новый массив записывается fltr (чтобы это можно было посмотреть в общем консол.логе).

[OVK2015]

mishapsv: Не понял, чего спросить/сказать хотите.
У вас: внутри обработчика исходный массив затирается результатами выборки. Т.е. следующая фильтрация будет происходить над данными, полученными после предыдущей фильтрации. При вашей реализации исходный массив будет потерян после первой же фильтрации.
Как внутри обработчика посмотреть результат написал выше.

Answer 1

[Niomin]

Фильтрация работает, но у вас ошибка: вы переопределяете fltr только один раз (перед созданием обработчиков). Стоит скопировать эту строку в listener'ы. И добавить туда console.log.
В общем, примерно так.

Comments

[mishapsv]

Niomin проблема в том, что мне нужно вынести полученный массив наружу, чтобы с ним можно было работать дальше (сортировать, к примеру). Т.е. при каждом измениении в поле, т.е. в fltr (который вне listener'а) записывалось новое значение

[Niomin]

mishapsv: подозреваю, вы неправильно с ним работаете.
Как выглядит код, который работает с этим fltr?
И ещё раз обращаю ваше внимание, что стоит заменить fltr.filter на arr.filter (иначе, единожды откинув значение, оно уже не вернётся).