0Pricing
JavaScript Academy · Урок

reduce, some/every и find — простые приёмы

Освойте reduce для подсчёта итогов, some/every для логических проверок и find для получения первого подходящего элемента

«reduce, some/every и find — простые приёмы» — бесплатный урок JavaScript Academy на CoddyKit. Это урок 2 из 2. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения JavaScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс JavaScript Academy содержит 2 уроков всего.

Введение в reduce и связанные методы

Цель: с помощью reduce объединять множество значений в одно, проверять массивы с помощью some/every и находить первый подходящий элемент с помощью find.

  • reduce: итоги
  • some/every: быстрые проверки
  • find: первый подходящий элемент
reduce, some/every и find — простые приёмы — иллюстрация 1

Суммирование с reduce

reduce принимает функцию обратного вызова и начальное значение. На каждом шаге возвращайте следующий накопленный результат.

// reduce: sum numbers with an initial value
const prices = [4, 6, 3];

const total = prices.reduce(function (acc, n) {
  // Add current number to the accumulator
  return acc + n;
}, 0);

console.log("Total:", total);
reduce, some/every и find — простые приёмы — иллюстрация 2

Поиск минимума с reduce

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

// reduce: smallest number
const nums = [7, 2, 9, 4];

const min = nums.reduce(function (acc, n) {
  // Keep the smaller of acc or n
  return n < acc ? n : acc;
}, Infinity);

console.log("Min:", min);
reduce, some/every и find — простые приёмы — иллюстрация 3

Основы some

some возвращает true, если хотя бы один элемент проходит проверку.

// some: is there any even number?
const list = [1, 5, 8, 11];

const hasEven = list.some(function (n) {
  return n % 2 === 0;
});

console.log("Has even?", hasEven);
reduce, some/every и find — простые приёмы — иллюстрация 4

Основы every

every возвращает true, только если все элементы проходят проверку.

// every: are all ages 18+ ?
const ages = [22, 19, 31];

const allAdults = ages.every(function (a) {
  return a >= 18;
});

console.log("All adults?", allAdults);
reduce, some/every и find — простые приёмы — иллюстрация 5

Основы find

find возвращает первый элемент, соответствующий вашей проверке, или неопределённое значение, если совпадений нет.

// find: get the first matching value (or undefined)
const users = [
  { name: "Ayla", active: true },
  { name: "Mina", active: false },
  { name: "Lena", active: true }
];

const firstInactive = users.find(function (u) {
  return u.active === false;
});

console.log("First inactive:", firstInactive);
reduce, some/every и find — простые приёмы — иллюстрация 6

Проверка концепции reduce

Быстрая проверка: метод накопления.

reduce, some/every и find — простые приёмы — иллюстрация 7

Повторение

Повторение: используйте reduce для подсчёта итогов или поиска минимума/максимума, some — чтобы проверить «есть ли хотя бы один?», every — чтобы проверить «все ли?», а find — чтобы получить первый подходящий элемент.

reduce, some/every и find — простые приёмы — иллюстрация 8

Часто задаваемые вопросы

Урок «reduce, some/every и find — простые приёмы» бесплатный?

Да — полный текст урока «reduce, some/every и find — простые приёмы» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс JavaScript Academy, подпишись на CoddyKit PRO. Курс JavaScript Academy содержит 2 уроков всего.

Чему я научусь в уроке «reduce, some/every и find — простые приёмы»?

Освойте reduce для подсчёта итогов, some/every для логических проверок и find для получения первого подходящего элемента Ты практикуешь JavaScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать JavaScript Academy?

Предыдущий опыт не требуется. JavaScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 2.

Сколько времени занимает урок «reduce, some/every и find — простые приёмы»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке JavaScript Academy?

Да. Каждый урок JavaScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. map и filter — основы
  2. reduce, some/every и find — простые приёмы
← Назад к JavaScript Academy