Найти максимальное и минимальное значение из массива в JavaScript

В этом уроке вы узнаете, как найти максимальное и минимальное значение из массива в javascript. Самый простой подход к использованию математических функций javascript, который является Math.max() и Math.min() функцией, предоставляемой javascript.

Вы также будете находить максимальное и минимальное значение из массива в javascript без использования функции javascript. Потому что, когда вам предстоит собеседование, иногда на собеседовании хотят, чтобы вы реализовали то же самое, не используя функцию для проверки вашей логики.

Массив JavaScript — это набор различных типов значений, но в нашем случае мы используем массив, который представляет собой набор чисел.

Итак, мы показываем несколько способов найти максимальное значение в массиве и найти наименьшее значение в массиве. Так что придерживайтесь конца поста, потому что ответ на один вопрос интервью может произвести впечатление на интервьюеров.

Вы также можете проверить:

1. Проверка номера телефона в HTML5
2. Преобразовать массив PHP в массив JavaScript
3. Как получить несколько элементов по идентификатору с помощью Javascript
4. Как перевернуть строку в JavaScript

Найти максимальное и минимальное значение из массива в JavaScript

Таблица содержания

• Найти максимальное значение в массиве
• Получить наименьшее значение в массиве Javascript
• Используйте Math.max() и Math.min() без применения оператора спреда
• Использование ES5 Array.forEach() для итерации и массива и получения максимального и минимального значения
• Использование ES5 Array.reduce() для получения максимального и минимального числа в массиве JavaScript
• Найти максимальное и минимальное число в массиве без использования функции

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

Найти максимальное значение в массиве

Итак, у нас есть встроенная математическая функция javascript max, которая может легко найти максимальное значение из массива. Итак, давайте перейдем к нашему разделу кода.

// javascript math max function
 let max_value = Math.max(1,2,3,4,5)
console.log(max_value)
 // result => 5

Так как Math.max() функция не работает с числовым массивом, но есть способ сделать это.

Function.prototype.apply() позволяет вызывать функцию с заданным значением this и массивом аргументов. Итак, давайте реализуем это.

// crate a javscript array
let numbers_array = [1,2,3,4,5]

// javascript math max function with apply
let max_value = Math.max.apply(null, numbers_array)

console.log(max_value)

// result => 5

Таким образом, мы получаем максимальное значение из массива, используя функцию Math.max() javascript.

Получить наименьшее значение в массиве Javascript

Теперь вам нужно найти минимальное значение из массива. Итак, мы собираемся использовать функцию JavaScript Math.min().

// javascript math min function
let min_value = Math.min(1,2,3,4,5) 
console.log(min_value) 
// result => 1

Поскольку у нас та же проблема с Math.max(), для использования массива нам нужно использовать Function.prototype.apply().

// crate a javscript array 
let numbers_array = [1,2,3,4,5] 
// javascript math min function with apply 
let min_value = Math.min.apply(null, numbers_array) 
console.log(min_value) 
// result => 1

Итак, мы получаем наименьшее число в массиве, и для этого потребовалась всего одна строка кода и функция javascript min.

Используйте Math.max() и Math.min() без применения оператора спреда

Поскольку нет необходимости использовать Function.prototype.apply(), мы также можем использовать ... оператор спреда. Давайте посмотрим на пример.

// crate a javscript array 
let numbers_array = [1,2,3,4,5] 
// javascript math max function with spread operator 
let max_value = Math.max(...numbers_array) 
let min_value = Math.min(...numbers_array) 
console.log(max_value) 
// result => 5 
console.log(min_value) // result => 1

Таким образом, оператор ...spread заставляет массив расширяться в аргументе функции.

Использование ES5 Array.forEach() для итерации массива и получения максимального и минимального значения

В ES5 у нас есть Array.forEach() для перебора массива в javascript и отслеживания наибольшего и наименьшего значения в массиве. Теперь давайте возьмем пример.

let numbers_array = [1,2,3,4,5] 
let max_value = -Infinity 
let min_value = Infinity 
numbers_array.forEach(element => {
   
   // find minimum value 
   if (element < min_value) 
       min_value = element 
   // find maximum value 
   if (element > max_value) 
       max_value = element
}) 
console.log(max_value) 
// result => 5 
console.log(min_value) 
// result => 1

Когда мы повторяем массив и отслеживаем максимальное и минимальное значение в массиве, используя две переменные. Также может случиться так, что массив содержит дубликаты в виде массива [1,1,2,3,4,5,5], но все равно наш результат будет таким же.

вы также можете проверить: как удалить дубликаты из массива в javascript

Использование ES5 Array.reduce() для получения максимального и минимального числа в массиве JavaScript

Как и Array.reduce(), имеет хороший аргумент в функции обратного вызова, которая действует как аккумулятор. Используя этот аргумент, мы находим максимальное и минимальное число в массиве.

Теперь перейдите к примеру.

let array = [1,2,3,4,5] 
let [max_value, min_value] = array.reduce((max_min,element) => { 
   // find minimum value 
   if (element < max_min[1]) 
      max_min[1] = element 
   // find maximum value 
   if (element > max_min[0]) 
      max_min[0] = element 
  return max_min; 
},[-Infinity, Infinity]) 
  console.log(max_value) 
  // result => 5 
  
  console.log(min_value) 
  // result => 1

Таким образом, мы передаем значение по умолчанию, которое используется для сравнения через массив максимального числа в массиве и минимального числа в массиве. Таким образом, массив max_min содержит оба значения.

Найти максимальное и минимальное число в массиве без использования функции

В большинстве случаев это происходит, когда интервьюер спрашивает разработчика, что он пытается реализовать то же самое, не используя какие-либо встроенные функции, потому что может случиться так, что такие функции, как Math.max() и Math.min(), недоступны в другом стеке технологий.

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

Теперь перейдем к нашему разделу кода.

let numbers_array = [1,2,3,5,4] 
let max_value = -Infinity 
let min_value = Infinity 
for(let i = 0; i < numbers_array.length; i++) {
    
   let element = numbers_array[i] 
    // find minimum value 
    if (element < min_value) 
    min_value = element 
   
   // find maximum value 
   if (element > max_value) 
   max_value = element 
}
 console.log(max_value) 
 // result => 5 
 console.log(min_value) 
 // result => 1

Таким образом, используя for loop, мы должны найти максимальное число в массиве, равное 5, и минимальное значение в массиве, равное 1. Так как вы можете использовать for loop на любом языке.

Вы также можете использовать while loop, чтобы получить тот же результат.

Вывод:

Как видите, есть много способов реализовать как найти минимальное и максимальное значение в массиве javascript

Мы использовали встроенную математическую функцию, предоставляемую JavaScript, например Math.max() и Math.min().

И мы также использовали метод ES5, такой как Array.forEach() и Array.reduce(), чтобы получить тот же результат.

Мы также находим максимальное и минимальное число в массиве без использования функции javascript.

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

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

Спасибо за чтение! 😊 Если вам понравилось, проверьте, сколько раз вы сможете нажать 👏 за 5 секунд. Это отличное кардио для ваших пальцев И поможет другим людям увидеть историю.

Первоначально опубликовано на https://codekila.com 29 июля 2019 г.