Чему равен параметр x в функции?

Question

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

Вообще не понимаю чему равен параметр x на этих двух строчках:return function(x) и
arr.includes(x)

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])) ); // 1,2

Объясните, пожалуйста.

Answer 1

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

трюк в том, что функция inArray() возвращает ... ещё одну функцию, которую только что создала при вызове:

function inArray(arr) {
  const result = function(x) {
    // внутри этой функции будет ещё и доступен
    // arr, с которым вызвали inArray()
    return arr.includes(x);
  };

  return result;
}

Т.е. вызов inArray() с каким-то массивом возвращает всего лишь ещё одну функцию, которая принимает любой аргумент, но ещё и «запомнила» конкретный arr, с которым её создали.

В вашем примере создаётся функция с массивом: const myFilter = inArray([1, 2, 10]);это свежесозданная функция, которая для любого аргумента возвращает true/false — есть ли это же значение в массиве [1, 2, 10]

Comments

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

так x - чему он равен и какую роль он здесь играет?))))

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

Константин, мистер Икс заиграет свою роль позже — когда начнут эту свежесозданную функцию вызывать. В вашем примере это происходит в последней строке: arr.filter(inArray([1, 2, 10]))здесь в качестве икса окажется по очереди каждый из элементов массива arr — числа от 1 до 7.

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

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

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

для понятности можно расписать то же самое подробнее:

const myFilterFunction = inArray([1, 2, 10]); // создали новую функцию

// для примера её можно и вызвать напрямую:
inArray(2) //  вернёт true, т.к. x === 2 содержится в массиве [1,2,10]
inArray(5) // false, т.к. x === 5 не находится в массиве [1,2,10]

// но вообще создавали функцию для использования в методе массива filter():
arr.filter(myFilterFunction)

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

наверное, вас сбило с толку неудачное одинаковое именование arr — оно означает разные массивы в разных местах кода. Чуть понятнее переписать-переименовать:

function inArray(array) {
  return function(testValue) {
    return array.includes(testValue);
  };
}

const valid = [1, 2, 10];
const funcValid = inArray(valid); 

const testData = [1, 2, 3, 4, 5, 6, 7];
const result = testData.filter(funcValid); // [ 1, 2, ]

alert(result); // 1,2

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

Сергей Соколов, а значением x, или как в вашем примере testValue- становится по очереди каждый элемент массива filterUs каким образом? Или из лексического окружения подхватывается?

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

Константин, метод массива filter() так работает — передаёт по очереди каждый элемент, и оставляет только те, для которых функция вернёт true.

[Сергей delphinpro]

Константин, в .filter нужно передавать функцию

let test = [1, 2, 10]
[1, 2, 3, 4, 5, 6, 7].filter(x => test.includes(x))

Ваша функция inArray как раз и создаёт такую функцию (x => test.includes(x))

function inArray(test) {
  return x => test.includes(x);
}

Заменяем, получаем:

- [1, 2, 3, 4, 5, 6, 7].filter(x => test.includes(x))
+ [1, 2, 3, 4, 5, 6, 7].filter(inArray(test))

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

Сергей Соколов, все, вспомнил. Извиняюсь. Забыл.