Maximaler und minimaler Wert von Array in JavaScript

Question

Ich erstelle das folgende Array von Datenattributen und ich muss in der Lage sein, den höchsten und niedrigsten Wert von ihm zu greifen, damit ich es zu einer anderen Funktion später weitergeben kann.

var allProducts = $(products).children("li"); 
prices = [] 
$(allProducts).each(function() { 
    var price = parseFloat($(this).data('price')); 
    prices[price] = price; 
}); 
console.log(prices[0]) <!-- this returns undefined 

Meine Liste Artikel wie folgt aussehen (ich habe für die Lesbarkeit abgeholzt):

<li data-price="29.97"><a href="#">Product</a></li> 
<li data-price="31.00"><a href="#">Product</a></li> 
<li data-price="19.38"><a href="#">Product</a></li> 
<li data-price="20.00"><a href="#">Product</a></li> 

Eine schnelle console.log auf die Preise zeigt mir meine Array, das so sortiert werden, erscheint die ich greifen konnte ich erste und die letzte Element übernehmen, aber derzeit die Namen und Werte im Array sind die gleiche, so, wenn ich versuche und ein Preis [0], ich undefined

[] 
19.38 19.38 
20.00 20.00 
29.97 29.97 
31.00 31.00 

Ich habe das Gefühl, dass dies eine blödsinnige einfache Frage ist, also sei bitte nett :)

Answer 1

min/max-Wert im Array zu erhalten, können Sie verwenden:

var _array = [1,3,2]; 
Math.max.apply(Math,_array); // 3 
Math.min.apply(Math,_array); // 1 

Answer 2

Warum nicht als Preis-Array statt als Objekt speichern?

prices = [] 
$(allProducts).each(function() { 
    var price = parseFloat($(this).data('price')); 
    prices.push(price); 
}); 
prices.sort(function(a, b) { return a - b }); //this is the magic line which sort the array 

diese Weise können Sie nur

können

prices[0]; // cheapest 
prices[prices.length - 1]; // most expensive 

Beachten Sie, dass shift() und pop() min und max Preis tun können jeweils zu bekommen, aber es wird der Preis aus dem Array entfernen.

Noch bessere Alternative ist die Verwendung von Sergei-Lösung unter Verwendung von Math.max bzw. min.

EDIT:

wurde mir klar, dass dies falsch wäre, wenn Sie so etwas wie [11.5, 3.1, 3.5, 3.7] haben als 11.5 als String behandelt wird, und kommen würde vor die 3.x im Wörterbuch um, müssen Sie benutzerdefinierte passieren in Art Funktion, um sicherzustellen, sie sind in der Tat als float behandelt:

prices.sort(function(a, b) { return a - b }); 

Answer 3

wenn Sie „zerstreut“ (nicht innerhalb eines Arrays) Werte, die Sie verwenden können:

var max_value = Math.max(val1, val2, val3, val4, val5); 

Answer 4

Statt .each, eine andere (vielleicht prägnanter) Ansatz all diese Preise bekommen könnte sein:

var prices = $(products).children("li").map(function() { 
    return $(this).prop("data-price"); 
}).get(); 

zusätzlich können Sie das Filtern des Arrays zu prüfen, um loszuwerden, leer oder nicht-numerischen Array-Werte im Falle sollten sie vorhanden sind:

prices = prices.filter(function(n){ return(!isNaN(parseFloat(n))) }); 

dann Sergeys Lösung oben verwenden:

var max = Math.max.apply(Math,prices); 
var min = Math.min.apply(Math,prices); 

Answer 5

arr = [9,4,2,93,6,2,4,61,1]; 
ArrMax = Math.max.apply(Math, arr); 

Answer 6

Verwendung dieses und es funktioniert sowohl auf den statischen Arrays und dynamisch generierte Arrays.

var array = [12,2,23,324,23,123,4,23,132,23]; 
var getMaxValue = Math.max.apply(Math, array); 

Ich hatte das Problem, wenn ich max-Wert von Code unter

$('#myTabs').find('li.active').prevAll().andSelf().each(function() { 
      newGetWidthOfEachTab.push(parseInt($(this).outerWidth())); 
     }); 

     for (var i = 0; i < newGetWidthOfEachTab.length; i++) { 
      newWidthOfEachTabTotal += newGetWidthOfEachTab[i]; 
      newGetWidthOfEachTabArr.push(parseInt(newWidthOfEachTabTotal)); 
     } 

     getMaxValue = Math.max.apply(Math, array); 

Ich war immer 'NAN' wenn ich

var max_value = Math.max(12, 21, 23, 2323, 23); 

mit meinem Code