Почему indexOf возвращает первый элемент массива?

Question

[SeventimeSsS]

Есть массив (взял малую его часть)

const arr = [
...
{our_id: 10234,  name_ru: 'Матч! Футбол 1 HD',  number: 330},
{our_id: 15786,  name_ru: 'Horror TV',  number: 12},
{our_id: 105,  name_ru: 'Первый канал',  number: 1},
{our_id: 115,  name_ru: 'Россия-1',  number: 2},
...
]

Мне нужно отфильтровать его по параметру number и вывести только те объекты, у которых будет схож хоть один символ
К примеру ввожу символ "1" и фильтрую этот массив выведутся следующие объекты:
{our_id: 105, name_ru: 'Первый канал', number: 1},
{our_id: 15786, name_ru: 'Horror TV', number: 12},

Сейчас я сделал так

const filteredChannel = () => {
    if (playlistModel.Channels) {
      let searchRes = playlistModel.Channels.filter((item: any) => {
        console.log(item)
        let finalRes = item.number
        console.log(finalRes)
        return finalRes.indexOf(searchNumber) !== -1
      })
      
      setChannels(searchRes)
    }
  }

Но выходит такая ошибка при воде любого символа

Answer 1

[alexalexes]

finalRes у вас типа целого числа в данной ситуации. У него не будет метода indexOf. Нужен финт ушами, чтобы принудительно преобразовать его в строку:
let finalRes = item.number + "";
PS: Ставите ; в строках JS, игнорирование их может сыграть злую шутку.

Comments

[VolgaVolga]

СтавЬте ; в строках JS, игнорирование их может сыграть злую шутку.

Не встречали? Этому "варианту синтаксиса" уже несколько лет - без ";" и с "trailing commas".

[alexalexes]

VolgaVolga такой стиль хорош в чистовом виде в продакшене, но если код постоянно отлаживается, то отсутствие ; вставляет лишние палки в колеса при попытке дебага.

[VolgaVolga]

alexalexes, в продакшене будет минифицированный нечитабельный код. А такой стиль - отстой, конечно.

[WbICHA]

alexalexes, каким образом отсутствие точек с запятой мешает дебагу? Я работал в проекте с таким недостилем, к сожалению, пару раз пришлось вручную ставить точку с запятой когда круглые/квадратные скобки вначале строки открывались, но это всё отлавливалось ещё на стадии написания кода.

[alexalexes]

Как минимум, заставляет обращать внимание, как выглядит return:

function a(){
return
  1
}
alert(a())

Answer 2

[Smirator]

Вчера разбирался с похожим функционалом.
Мой вопрос тут: https://qna.habr.com/q/1244998