<MyRusakov.ru />

Профессия Web-разработчик

Профессия Web-разработчик

Этот комплект за 8 месяцев превратит Вас в Web-разработчика с нуля. Учиться достаточно 1 час в день.

Начнёте Вы с HTML, CSS и вёрстки сайтов. Потом перейдёте к программированию и JavaScript. Затем изучите PHP, MySQL, SQL, Python. Изучите Web-фреймворки Laravel и Django. Создадите 5 своих сайтов для портфолио.

Комплект содержит:

- 540 видеоуроков

- 110 часов видео

- 1205 заданий для закрепления материала из уроков

- 5 финальных тестов

- 7 сертификатов

- 12 Бонусных курсов

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Подсчет общей суммы цен в списке заказов с использованием JavaScript

Подсчет общей суммы цен в списке заказов с использованием JavaScript

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

Пример данных

Предположим, есть массив объектов заказов, где каждый объект содержит свойство price.

const orders = [
    { id: 1, item: "Товар 1", price: 100 },
    { id: 2, item: "Товар 2", price: 200 },
    { id: 3, item: "Товар 3", price: 150 },
    { id: 4, item: "Товар 4", price: 250 }
];

Использование метода reduce

Метод reduce позволяет проходить по массиву и аккумулировать значение на каждом шаге итерации. В нашем случае мы будем аккумулировать суммы цен всех заказов.

Пример кода

const totalPrice = orders.reduce((total, order) => {
    return total + order.price;
}, 0);

console.log("Общая сумма:", totalPrice); // Output: Общая сумма: 700

Объяснение

  1. Метод reduce*: Метод *reduce принимает функцию обратного вызова (callback) и начальное значение аккумулятора (в данном случае 0).
  2. Функция обратного вызова: Функция выполняется для каждого элемента в массиве и принимает два аргумента:
  3. total: Аккумулятор, который хранит текущую сумму цен.
  4. order: Текущий объект заказа, который обрабатывается.
  5. Суммирование цен: Внутри функции обратного вызова мы добавляем цену текущего заказа к аккумулятору total.
  6. Начальное значение: Начальное значение аккумулятора задается равным 0.

Полный пример кода

Приведем полный код на HTML и JavaScript для ясности.

HTML

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Подсчет общей суммы цен</title>
</head>
<body>
    <script>
        const orders = [
            { id: 1, item: "Товар 1", price: 100 },
            { id: 2, item: "Товар 2", price: 200 },
            { id: 3, item: "Товар 3", price: 150 },
            { id: 4, item: "Товар 4", price: 250 }
        ];

        const totalPrice = orders.reduce((total, order) => {
            return total + order.price;
        }, 0);

        console.log("Общая сумма:", totalPrice); // Output: Общая сумма: 700
    </script>
</body>
</html>

Заключение

Использование метода reduce - это эффективный и лаконичный способ суммирования цен всех заказов в массиве. Этот подход можно применять к любому массиву объектов, когда требуется вычислить сумму какого-либо свойства. Понимание работы метода reduce позволит вам более эффективно работать с данными в JavaScript.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.