Создать массив товаров, каждый товар должен иметь свойства: ID, Title (название), Price (цена). После этого требуется вывести информацию обо всех товарах и среднюю цену товаров

Условие:

Код

Условие: Код

Решение:

Предмет: Программирование Раздел: Объекты. Функция конструктор Давай рассмотрим каждое задание по порядку. Первое идет связанное с товарами. Его решим с подробными пояснениями. ## Задание №1: **Описание задачи:** Нужно создать массив товаров, каждый товар должен иметь свойства: ID, Title (название), Price (цена). После этого требуется вывести информацию обо всех товарах и среднюю цену товаров. ### Решим это задание по шагам: 1. **Создание структуры товара:** Мы можем использовать функцию-конструктор для создания объектов товаров. ```javascript // Функция-конструктор для товаров function Product(id, title, price) { this.id = id; this.title = title; this.price = price; } ``` 2. **Создание массива с товарами:** Сами товары создадим с помощью этой функции и поместим их в массив. ```javascript // Массив товаров let products = [ new Product(1, "Телевизор", 30000), new Product(2, "Ноутбук", 45000), new Product(3, "Смартфон", 25000), new Product(4, "Планшет", 12000) ]; ``` 3. **Вывод информации обо всех товарах:** ```javascript // Вывод информации обо всех товарах console.log("Список товаров:"); products.forEach(function(product) { console.log(`ID: ${product.id}, Название: ${product.title}, Цена: ${product.price}`); }); ``` 4. **Вычисление средней цены:** ```javascript // Вычисление средней цены товаров let totalPrice = products.reduce(function(sum, product) { return sum + product.price; }, 0); let averagePrice = totalPrice / products.length; console.log(`Средняя цена товаров: ${averagePrice}`); ``` ### Полное решение: ```javascript // Функция-конструктор для товаров function Product(id, title, price) { this.id = id; this.title = title; this.price = price; } // Массив товаров let products = [ new Product(1, "Телевизор", 30000), new Product(2, "Ноутбук", 45000), new Product(3, "Смартфон", 25000), new Product(4, "Планшет", 12000) ]; // Вывод информации обо всех товарах console.log("Список товаров:"); products.forEach(function(product) { console.log(`ID: ${product.id}, Название: ${product.title}, Цена: ${product.price}`); }); // Вычисление средней цены товаров let totalPrice = products.reduce(function(sum, product) { return sum + product.price; }, 0); let averagePrice = totalPrice / products.length; console.log(`Средняя цена товаров: ${averagePrice}`); ``` ### Пояснение: - Функция-конструктор `Product` создает объект товара с переданными значениями ID, названия и цены. - Массив `products` хранит четыре товара. - Для вывода информации используется метод `forEach`, который перебирает все элементы массива и выводит их. - Для подсчета общей стоимости используется метод `reduce`, который суммирует цены всех товаров, и затем эта сумма делится на количество товаров для получения средней цены. ### Результат: - Будет выведен список товаров и их добавленные свойства (ID, название, цена). - Также будет выведена средняя стоимость. --- ## Задание №2: Второе задание предполагает работу с изображениями. У каждого изображения есть свойства: ID, название и URL (адрес картинки). Нужно вывести их на страницу по 3 штуки на строке, а перед изображением выводить их заголовок как текст. Давай решим это через JavaScript и HTML. Выведем изображения на сайте: ### Решение: 1. **Создание массива изображений:** ```javascript // Функция-конструктор для изображений function Image(id, title, url) { this.id = id; this.title = title; this.url = url; } // Массив изображений let images = [ new Image(1, "Первое изображение", "url1.jpg"), new Image(2, "Второе изображение", "url2.jpg"), new Image(3, "Третье изображение", "url3.jpg"), new Image(4, "Четвертое изображение", "url4.jpg"), new Image(5, "Пятое изображение", "url5.jpg"), new Image(6, "Шестое изображение", "url6.jpg") ]; ``` 2. **Вывод изображений на страницу:** ```html Изображения


Конечно, предоставьте текст, который нужно преобразовать.
```html
Пояснение:
  • Функция-конструктор Image создает объект изображения с параметрами ID, названия и ссылки на изображение.
  • С помощью метода forEach мы перебираем массив изображений и добавляем каждый элемент сначала как заголовок (с названием изображения), а затем сам элемент .
  • Мы добавляем линии после каждых трех изображений с помощью номера индекса.
Результат:

На сайте будет выводиться 6 изображений по 3 на строке, перед каждым изображением будет название изображения в виде заголовка.


Теперь у вас есть решения для обоих заданий!

```
Не нашли нужного вам решения? Оставьте заявку и наши авторы быстро и качественно помогут вам с решением.
Оставить заявку
Работа вам нужна срочно. Не волнуйтесь, уложимся!
  • 22423 авторов готовы помочь тебе.
  • 2402 онлайн