在JavaScript中从数组中获取最大值和最小值

时间:2012-08-16 10:34:41

标签: javascript jquery arrays position

我正在从数据属性创建以下数组,我需要能够从中获取最高和最低值,以便稍后将其传递给另一个函数。

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

我的列表项看起来像这样(我已经减少了可读性):

<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>

价格上的快速console.log显示我的数组似乎已经排序,所以我可以抓住我假设的第一个和最后一个元素,但是目前数组中的名称和值是相同的,所以每当我尝试做一个价格[0],我得 undefined

[]
19.38   19.38
20.00   20.00
29.97   29.97
31.00   31.00

感觉这是一个非常简单的问题,所以请善待:)

8 个答案:

答案 0 :(得分:152)

要获取数组中的最小/最大值,您可以使用:

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

答案 1 :(得分:11)

为什么不将它存储为价格数组而不是对象?

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

这样你就可以

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

请注意,您可以shift()pop()分别获得最低和最高价格,但它会从数组中取消价格。

更好的选择是使用下面的谢尔盖解决方案,分别使用Math.maxmin

编辑:

我意识到,如果你有[11.5, 3.1, 3.5, 3.7]之类的内容,11.5被视为一个字符串,并且之前 3.x,那就错了字典顺序,你需要传递自定义排序函数,以确保它们确实被视为浮动:

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

答案 2 :(得分:11)

而不是.each,另一种(也许更简洁)获得所有这些价格的方法可能是:

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

另外,您可能需要考虑过滤数组以除去空数字或非数字数组值,以防它们存在:

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

然后使用Sergey的解决方案:

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

答案 3 :(得分:3)

如果你有“分散”(不在数组中)值,你可以使用:

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

答案 4 :(得分:1)

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

答案 5 :(得分:1)

使用 lodash 查找数组中的最大和最小数字。

if (i)
  std::cout << "First i = " << i << std::endl;
else
  i = 10;
var array = [1, 3, 2];
var func = _.over(Math.max, Math.min);
var [max, min] = func(...array);
// => [3, 1]
console.log(max);
console.log(min);

答案 6 :(得分:0)

使用它,它既适用于静态数组,也适用于动态生成的数组。

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

当我尝试从下面的代码中找到最大值

时,我遇到了问题
$('#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);

当我使用

时,我得到了'NAN'
    var max_value = Math.max(12, 21, 23, 2323, 23);

使用我的代码

答案 7 :(得分:0)

如果需要在不使用数学库或排序逻辑的情况下找到解决方案,以下解决方案可能会有所帮助。

要在javascript中找到最大值,

var max = -Infinity;
 for (var i = 0; i < arr.length; ++i) {
    if (arr[i] < max) continue;
    if (arr[i] > max) {
        max = arr[i];
 }
}
return max; 

要找到最小值,

 var min = +Infinity;
 for (var i = 0; i < arr.length; ++i) {
    if (arr[i] > min) continue;
    if (arr[i] < min) {
        min = arr[i];
 }
}
return min;

找到所有出现的最大值,(改变比较以获得所有最小值)

 var max = -Infinity, result = [];
  for (var i = 0; i < arr.length; ++i) {
   if (arr[i] < max) continue;
   if (arr[i] > max) {
      result = [];
      max = arr[i];
    }
   result.push(max);
  }
 return result; // return result.length to return the number of occurrences of max values.