Как метод filter работает с includes в этом коде?

Question

[Lolipop999]

Дан массив числами, например: [10, 20, 30, 50, 235, 3000].
Выведите на экран только те числа из массива, которые
начинаются на цифру 1, 2 или 5.

Нашел такое решение

let arr = [10, 20, 30, 50, 235, 3000];
 
console.log(arr.filter(num => ['1','2','5'].includes(num.toString()[0])))

Никак не могу до конца понять, как работает этот код. Для чего нужно num.toString() и можно ли сделать с помощью startWith или же этот метод работает только со строкой?

Answer 1

[Сергей Соколов]

arr.filter() будет передавать по очереди каждое из чисел массива arr в функцию,
и оставит в выходном массиве только те числа, для которых функция вернула true. См. документацию Array.prototype.filter()

Функция должна вернуть true для чисел, у которых первая цифра 1, 2 или 5.

Один из способов – сделать из числа текстовую строку, и взять её первый символ. Т.е. первую цифру, тоже как текст.

К строке текста в JavaScript можно обращаться как к массиву – забирая по индексу одну из букв:
"Habr"[0] // "H" вот тут такой вариант и используют.

Метод startsWith() — метод строки. Есть только у строки. Тоже годится для получения из строки текста первого символа. Но [0] короче.

Comments

[Lolipop999]

Спасибо за объяснения, но есть один вопрос: в массиве ['1','2','5'] обязательно заключать каждый элемент в кавычки, чтобы они из цифр превратились в строчки? Это потому что в include данные в формате строки и чтобы сравнить их, они должны иметь одинаковый тип? (Сорян, если написал неясно). Плюс я не понимаю, почему обязательно приводить к строке массив в filter и в num? Неужели нельзя без этого?

[Сергей Соколов]

Lolipop999, два варианта ответа. Простой:
в консоли браузера очень легко проверить:

[1, 2, 3].includes('2') // false
['1', '2', '3'].includes('2') // true

Сложный: технически, includes() использует алгоритм sameValueZero при сравнении очередного элемента массива с аргументом. Чтобы понять, входит или не входит. Так вот этот алгоритм весьма строг, и не считает равными строку "2" и число 2, например.

TL&DR кавычки обязательны.

[Lolipop999]

Сергей Соколов, огромное спасибо!