Array.filter не возвращается массив на щелчке ⇐ Javascript

[Anonymous]

Я пытаюсь фильтровать () массив, используя кнопки вместо использования входных полей, когда я использую console.log (), он возвращает информацию, которую я хочу, но когда я использую возвращение, ничего не происходит < /p>
Мой массив выглядит примерно подобным < /p>

Код: Выделить всё

let rankList = [
{"invoice_no": "20174",
"invoice_item_final_amount": 81.86,
"invoice_total_tax": 40.98,
"invoice_created_date": "5/31/2011",
"invoice_customer": "David Lee",
"invoice_project": "Project E",
"invoice_tag": "food",
"invoice_due_date": "6/6/2022",
"invoice_status": "Paid"
}
...]

array = []

Статус счета может иметь несколько значений, например, неоплачиваемое, платное
Это моя функция для фильтрации массива

Код: Выделить всё

function btnfilter(filter = null){
let dataTable_filter = filter;
if(dataTable_filter != null){
let temp_array = rankList.filter(function(object){
return object.invoice_status === filter;
});
array = temp_array;
}else{
array = rankList;
}
}
< /code>
И я пытаюсь позвонить в Btnfilter, используя обработчик событий Click < /p>
const unpaidBtn = document.querySelector('[data-quickbtn="unpaid"]');
unpaidBtn?.addEventListener("click", () => {
btnfilter("Unpaid");
})
< /code>
Но если я вызову Btnfilter () напрямую и изменяю его на < /p>
function btnfilter(filter = "Unpaid"){
let dataTable_filter = filter;
if(dataTable_filter != null){
let temp_array = rankList.filter(function(object){
return object.invoice_status === filter;
});
array = temp_array;
}else{
array = rankList;
}

}
это работает, но я не могу заставить его работать на кнопке нажатия
Извините, английский не является моим самым большим предметом
Если я консоль.log () Я получаю истинные результаты, я хочу, но второй я не использую.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... y-on-click