Почему не получается отфильтровать массив строк?

Question

[angen89]

Есть код:

let input = document.querySelector('#input');
let tbody = document.querySelector( 'tbody' );
let p = tbody.querySelectorAll( 'p' );
let list = [];
for (const key in p) {
    list.push( p[key].textContent );
}

input.addEventListener('input', function() {
    let matches = list.filter((i)=>i.startsWith(input.value));
   console.log(matches)
   })

В результате которого создается массив строк. Мне нужно его фильтровать, но функция выдаёт ошибку:

TypeError: Cannot read properties of undefined (reading 'startsWith')

Сам массив в порядке, отвечает спокойно на все встроенные функции, за исключением этой.
Отдельно функцию filter также проверяли на других массивах - порядок.

Comments

[angen89]

let input = document.querySelector('#input');
let tbody = document.querySelector( 'tbody' );
let p = tbody.querySelectorAll( 'p' );
let list = [];
for (const key in p) {
list.push( p[key].outerText );
}

input.addEventListener('input', function() {
list.filter((i)=>{i.startsWith(input.value)?console.log(i):null})})

таким образом фильтр работает. Причина неясна. Изменения внесены только в коллбэк.

[WbICHA]

angen89,

таким образом фильтр работает.

Нет, не работает. У тебя здесь иная логика. Читай документацию фильтра.

Answer 1

[0xD34F]

Предлагаю сделать следующее:

• Прочитать сообщение об ошибке и попытаться осознать, что в нём сказано
  
• Посмотреть, какие значения принимает key при переборе p
  
• Открыть документацию и разобраться, что делает цикл for ... in
  
• Погуглить, какие ещё бывают способы перебора
  

Answer 2

[drawnofmymind]

i - не строка? мб i.toString()

Comments

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

i очевидно не строка. В сообщении явно написано undefined.