Найти max цены в сложном массиве: [ {name:"Tomate", price:10}, {name:"Apple", price:17}, {name:"Orange", price:15} ] в JavaScript

Программирование, разработка, тестирование

→

JavaScript - язык программирования для HTML

→

Найти max цены в сложном массиве: [ {name:"Tomate", price:10}, {name:"Apple", price:17}, {name:"Orange", price:15} ] в JavaScript | стандарт ES5

Посмотрели 1187 раз(а)

Найти max цены в сложном массиве: [ {name:"Tomate", price:10}, {name:"Apple", price:17}, {name:"Orange", price:15} ] в JavaScript | стандарт ES5

последнее обновление: 3 октября 2024

Math.max(числа) функция чтобы посчитать максимальное значение

Пример:

JavaScript

var result = Math.max(15, 22, 8);
// result = 22

Параметры:
Math.max(a, b)
Math.max(a, b, c)
Math.max(a, b, c, d)
и так далее
Math.max(чисел может быть очень много)

найти максимальное значение из чисел a, b
найти максимальное значение из чисел a, b, c
найти максимальное значение из чисел a, b, c, d
...
Важно! Функция Math.max использует простые числа как параметры
В функции нельзя использовать сложный массив

Задача 1 Найти максимальную цену в сложном массиве

JavaScript

var fructs = [
     {name:"Apple", price:23},
     {name:"Kiwi", price:31},
     {name:"Banana", price:10},
     {name:"Orange", price:15},
];

То есть в массиве каждый элемент имеет name и price.
Ищем максимальный price в этом массиве:

Решение

Html

<html>
<body>

<script>

     var fructs = [
          {name:"Apple", price:23},
          {name:"Kiwi", price:31},
          {name:"Banana", price:10},
          {name:"Orange", price:15},
     ];

     var prices = fructs.map((a) => a.price);

     var maxPrice = Math.max(...prices);
     // maxPrice = 31

</script>

</body>
</html>

Объяснение!

Шаг 1.

Использую функцию Array.map ... чтобы преобразовать сложный массив в массив из чисел

JavaScript

var prices = fructs.map((a) => a.price);
// prices = [23, 31, 10, 15];

Шаг 2.

Использую функцию Math.max(...prices) чтобы посчитать максимальное значение
Важно! ... означает что массив из чисел преобразуется в отдельные параметры
То есть:
Math.max(...prices);
это тоже самое что
Math.max(23, 31, 10, 15);

Задача 2 Найти максимальную цену в сложном двухмерном массиве

JavaScript

То есть в массиве shops каждый элемент имеет name и foods.
Каждый элемент имеет name и price.
Ищем максимальный price во всех массивах:

Решение

Html

<html>
<body>

<script>

     var food1 = [
          {name:"Apple", price:23},
          {name:"Kiwi", price:42},
          {name:"Banana", price:10},
          {name:"Orange", price:15}
     ];
     var shop1 = {name:"China", foods:food1};

     var food2 = [
          {name:"Tomato", price:15},
          {name:"Potato", price:4},
          {name:"Bean", price:12}
     ];
     var shop2 = {name:"Turkey", foods:food2};

     var shops = [shop1, shop2];

     var prices = shops.flatMap((x) => x.foods.map(e => e.price));
     var maxPrice = Math.max(...prices);
     // maxPrice = 42

</script>

</body>
</html>

Объяснение!

Шаг 1.

Использую функцию Array.map ... чтобы преобразовать сложный массив в массив из чисел

JavaScript

var prices = foods.map((e) => e.price);
// prices = [23, 42, 10, 15];

Шаг 2.

Использую функцию Array.flatMap ... чтобы преобразовать много массивов в один массив

Пример:

JavaScript

var pricesMany = [ [23, 42, 10, 15], [15, 4, 12] ];
var prices = pricesMany.flatMap(x => x);
// prices = [ 23, 42, 10, 15, 15, 4, 12 ]

Шаг 3.

← Предыдущая тема
Разница между push(items) и push(...items) | Добавление массива в массив В JavaScript | стандарт ES5

Следующая тема →
Найти min цены в сложном массиве: [ {name:"Tomate", price:10}, {name:"Apple", price:17}, {name:"Orange", price:15} ] в JavaScript | стандарт ES5