Что здесь происходит?

Question

[Константин]

Код:

function inArray(arr) {
  return function(x) {
    return arr.includes(x);
  };
}

let arr = [1, 2, 3, 4, 5, 6, 7];
alert( arr.filter(inArray([1, 2, 10])) );

На этой строчке function inArray(arr) - arr - так понимаю это [1, 2, 10] - тогда почему меняя это arrна любое другое название - вывод значений меняется на с 1 по 7 ?

Плохо вообще понимаю, как работает весь данный механизм...
Был бы рад, если бы объяснили. За что буду благодарен!

Answer 1

[Евгений]

filter перебирает все элементы массива arr и возвращает те, которые соответствуют условию.
В данном случае на выходе мы получаем массив элементов, которые входят в массив [1,2,10].

Вот можешь глянуть:
https://www.w3schools.com/jsref/jsref_filter.asp

Comments

[Константин]

а условие здесь какое?

[Евгений]

Константин, условие: элемент входит в [1, 2, 10].

[Константин]

Евгений, как это работает? Вот, что я вижу:
arr.filter(inArray([1, 2, 10])) - здесь осуществляется вызов функции и передается ей аргумент [1, 2, 10] .

Но почему в этой строчке function inArray(arr) параметр arr нельзя изменить на любое другое название?
Вы можете, извиняюсь - последовательно(детально) объяснить каждую строчку в этом коде? Всю логику. Та статья, что вы скинули на английском, а он у меня лишь на уровне А1 чего не хватит, чтобы понять её.

[Константин]

Евгений, буду вам очень благодарен...

[Евгений]

Константин, итак:

1) у нас есть массив let arr = [1, 2, 3, 4, 5, 6, 7]
2) мы фильтруем данные из этого массива, передавая каждый элемент в функцию inArray()
3) функция inArray(), имеющая свои параметры – [1, 2, 10] –
производит проверку, что переданный элемент входит в массив, с которым вызывается эта функция
4) после перебора всех элементов из оригинального массива arr мы получаем результат – [1, 2].

[Евгений]

Константин, нашел еще на русском, там более подробно, и примеры разобраны:
https://developer.mozilla.org/ru/docs/Web/JavaScri...

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

[Константин]

Евгений, все, я понял сам

[Евгений]

Константин, я допущу, что тебя ввело в заблуждение наименование переменных. Может в таком виде будет чуть проще понять:

[Константин]

Евгений, я разобрался) Просто надо было разобраться детальнее, как работает метод filter...

[Tim]

Константин, вот если так будет понятнее. мало ли

let arr = [1, 2, 3, 4, 5, 6, 7];
let arr2 = [1, 2, 10];
let result = arr.filter(function(x) {
    return arr2.includes(x)
});

Answer 2

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

Изнутри – наружу.

inArray() возвращает функцию. Эта ф-я проверяет, входит ли переданный ей аргумент в массив, с которым она создавалась.

const myInArray = inArray([1,2,3]);
myInArray(4) // false
myInArray(1) // true

Далее наружу. Длинный массив фильтруется методом filter() – т.е. из него остаются только те элементы, для которых функция вернёт true.

Вот и всё. Конструкция из длинного массива оставляет только элементы, перечисленные в коротком.