Как понять синтаксис ES6?

Question

[Alex_87]

Добрый день! Прошу помочь объяснить строчку кода, а именно то, что выделил жирным.

const realNumberArray = [4, 5.6, -9.8, 3.14, 42, 6, 8.34, -2];
const squareList = (arr) => {
  "use strict";
  // change code below this line
  const squaredIntegers = <b>arr.filter( (num) => num > 0 && num % parseInt(num) === 0 )</b>.map( (num) => Math.pow(num, 2) );
  // change code above this line
  return squaredIntegers;
};
// test your code
const squaredIntegers = squareList(realNumberArray);
console.log(squaredIntegers);

Я так понимаю, что функция filter берёт принимает в качестве аргумента число и =>(что означает?) возвращает... и дальше не понятно... По виду, дальше идёт какое-то условие... Я просто не понимаю логики. Как можно возвращать УСЛОВИЕ? Обычно возвращают результат!

Comments

[Ярослав Иванов]

А документацию почитать религия запрещает?

[Alex_87]

Ярослав Иванов, Вот объясни мне пожалуйста! Зачем существует форумы? Так сложно помочь? Откуда я знаю, где мне это искать???

[irishmann]

Alex_87, Здесь Вам не форум.
Правила Сайта перечитайте
3.4. Помнить о том, что сервис вопросов и ответов «Тостер» не является форумом, чатом или социальной сетью.

Answer 1

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

Стрелочные функции это лаконичная запись функций и небольшие отличия с контекстом.

arr.filter( (num) => num > 0 && num % parseInt(num) === 0 )

// то же, что
arr.filter( function(num) { return   num > 0 && num % parseInt(num) === 0 ;}  )

Оставляет только те элементы массива, которые больше нуля И остаток деления (%) на целое значение себя же равен нулю. Т.е. являются квадратами целого.

Comments

[Alex_87]

Спасибо, это я понял! А почему возвращается условие, а не результат? Я логики не понимаю? Ведь задача функции filter не вернуть булевское значение

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

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

num > 0 && num % parseInt(num) === 0

(num > 0)  &&  (num % parseInt(num) === 0)
(num > 0)  &&  ((num % parseInt(num)) === 0)

См. приоритет операторов в JS – кто раньше выполняется и в каком порядке.

[Alex_87]

Сергей Соколов, И последнее... если возвращается булевое значение, то как потом выполняется функция map() ... Я удалил её, чтобы убрать лишнее, но теперь понимаю, что зря. Полная строчка кода выглядит так:

const squaredIntegers = arr.filter( (num) => num > 0 && num % parseInt(num) === 0 ).map( (num) => Math.pow(num, 2) );

[Ярослав Иванов]

Alex_87, да когда же ты в документации прочитаешь что filter ВОЗВРАЩАЕТ МАССИВ.

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

по цепочке передаётся:

const squaredIntegers = arr
  .filter( (num) => num > 0 && num % parseInt(num) === 0 ) // тут массив только квадратов
  .map( (num) => Math.pow(num, 2) ) // тут каждый возвели в квадрат
;

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

Можно было бы с промежуточной константой записать:

const onlySquares = arr.filter( (num) => num > 0 && num % parseInt(num) === 0 );

const squaredIntegers = onlySquares.map( (num) => Math.pow(num, 2) );

[Егор Живагин]

Alex_87, я на всякий случай, если до сих пор не очень понятно:

1 - Функция, которая аргументом передаётся в метод filter возвращает булево значение (оставлять элемент в массиве / не оставлять).
2 - Метод filter вызывает эту функцию для каждого элемента массива и возвращает новый массив, уже отфильтрованный
3 - Именно у нового массива вызывается метод map

[Alex_87]

Ярослав Иванов, Я пытаюсь в коде разобраться, умник! В том, как он работает!!! Вместо того, чтобы дать совет, ты тут бегаешь и мешаешь. Лучше скажи, как это
num > 0 && num % parseInt(num) === 0
может вернуть массив???? Это выражение может вернуть булевское значение! ... Или нет?
И как правильно читается это выражение?

const squaredIntegers = arr.filter( (num) => num > 0 && num % parseInt(num) === 0 ).map( (num) => Math.pow(num, 2) );

[Егор Живагин]

Alex_87, в дополнение к моему предыдущему комменту, вы всё таки откройте документацию, там очень подробно и доступно всё расписано - вот она

[Alex_87]

Егор Живагин, всё, я понял! Но я бы объяснял вот так:

arr.filter( (num) => num > 0 && num % parseInt(num) === 0 )
// после стрелочной => 
// Если условия num > 0 && num % parseInt(num) === 0 соответствует правде, то тогда, значение num сохраняется в массиве arr. Если нет - тогда удаляется!

[Alex_87]

Сергей, Егор - Благодарю!!!

[Ярослав Иванов]

Alex_87, да не удаляется ничего. Че сложно почитать документацию? Там все разжеваннл с примерами.

P. S. Вон даже выше пишут про документацию.