06 Модуль -- 03 Перебирающие методы массива

Question 1

Методы массивов синтаксис

Answer 1

массив array, вызов метода method и callback-функция callback в качестве аргумента метода.

Question 2

Аргументами callback-функции являются

Answer 2

значение элемента element (первый параметр), позиция элемента index (второй параметр) и сам исходный массив array (третий параметр).
Все параметры кроме значения элемента element необязательны.

Question 3

Array.prototype.forEach()

Answer 3

методов который ничего не возвращает, а просто перебирает коллекцию. Используется как замена цикла for и for of.
Прервать инструкцией break нельзя.

Question 4

Пример Array.prototype.forEach()

Answer 4

// Функциональный forEach
numbers.forEach(num => console.log(num));

// Указываем параметр idx если нужен доступ к счетчику
numbers.forEach((num, idx) => console.log(`index ${idx}, value ${num}`));

Question 5

Array.prototype.map()

Answer 5

Поэлементно перебирает оригинальный массив. Возвращает новый массив такой же длины. И может что-то делать для каждого элемента.

Question 6

Пример Array.prototype.map()

Answer 6

const numbers = [1, 2, 3];

const doubledNumbers = numbers.map(num => num * 2);
console.log(doubledNumbers); // [2, 4, 6]

Question 7

Array.prototype.filter()

Answer 7

Поэлементно перебирает оригинальный массив. Возвращает новый массив. Добавляет элементы в новый массив, только которые удовлетворяют условию, то есть возвращают true. Не мутирует иcходный массив. Если ничего не найдено, вернет пустой массив.
Используется когда необходимо найти более одного элемента в коллекции.

Question 8

Пример Array.prototype.filter()

Answer 8

const numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];

console. log(numbers.filter(num => num > 5)); // [6, 7, 8, 9]
console. log(numbers.filter(num => num < 5)); // [0, 1, 2, 3, 4]
console. log(numbers.filter(num => num === 5)); // [5]

Question 9

Array.prototype.find()

Answer 9

Поэлементно перебирает оригинальный массив. Возвращает первый элемент удовлетворяющий условию, если не найдет вернет undefined.

Question 10

Пример Array.prototype.find()

Answer 10

const numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];

console. log(numbers.find(num => num > 5)); // 6
console. log(numbers.find(num => num < 5)); // 0
console. log(numbers.find(num => num === 5)); // 5

Question 11

Array.prototype.every()

Answer 11

Поэлементно перебирает оригинальный массив. Возвращает true если ВСЕ элементы массива удовлетворяют условию.

Question 12

Array.prototype.some()

Answer 12

Поэлементно перебирает оригинальный массив. Возвращает true если хотя-бы один элемент массива удовлетворяет условию.

Question 13

Пример Array.prototype.every()

Answer 13

const fruits = [
  { name: 'apples', amount: 100 },
  { name: 'bananas', amount: 0 },
  { name: 'grapes', amount: 50 },
];

// every вернет true только если всех фруктов будет больше чем 0 штук
const allAvailable = fruits.every(fruit => fruit.amount > 0); // false

Question 14

Пример Array.prototype.some()

Answer 14

const fruits = [
  { name: 'apples', amount: 100 },
  { name: 'bananas', amount: 0 },
  { name: 'grapes', amount: 50 },
];

// some вернет true если хотябы одного фрукта будет больше чем 0 штук
const anyAvailable = fruits.some(fruit => fruit.amount > 0); // true

Question 15

Array.prototype.reduce()

Answer 15

Поэлементно перебирает оригинальный массив. Обычно используется для подсчета суммы значений массива(totalSalary), используется тоже для статистики.

Question 16

Как работает Array.prototype.reduce() ?

Answer 16

1. Функция reduce создаст новую переменную, называемую аккумулятор. Затем присвоит аккумулятору значение текущего (первого) элемента массива currentItem.
2. Функция проверит есть ли у массива следующий элемент и если он есть, то добавит значение к аккумулятору. Когда следующего элемента не окажется (конец массива), функция вернет значения аккумулятора.
3. Вторым аргументом reduce может быть начальное значение initialValue. Это значение будет присвоено аккумулятору до применения callback-функции к первому элементу массива.

Question 17

Array.prototype.sort()

Answer 17

Изменяет оригинальный массив. По умолчанию метод sort сортирует, преобразуя элементы к строке.

Question 18

Функция Array.prototype.sort()

Answer 18

((a, b) => a - b); // For ascending sort (от 1 до 10)

(a, b) => b - a); // For descending sort (от 10 до 1

Question 19

Пример Chaining - Цепочки методов массива

Answer 19

const numbers = [1, 2, 3, 4, 5, 6, 7, 8];

/*

• Фильтруем четные числа. Далее, на результате метода filter,
• вызываем map и множим на 2. После чего на результате
• метода map вызываем reverse.
• /

const result = numbers
.filter(x => x % 2 === 0)
.map(y => y * 2)
.reverse();

console.log(result);

Question 20

Что за проблема есть в этом коде? 
const numbers = [1, 2, 3, 4, 5, 6, 7, 8];

const even = numbers.filter(x => x % 2 === 0);

const doubled = even.map(x => x * 2);

const reversed = doubled.reverse();

console.log(reversed);

Answer 20

Проблема в том, что у нас появляются промежуточные переменные после каждой операции.

Question 21

Chaining - Цепочки методов массива

Answer 21

Каждый следующий метод будет выполняться на результате работы предыдущего. Нужен для того чтобы можно было избавляться от промежуточных переменных.