Jquery 数组中最近的最高值返回未定义

Question

首先，我知道有关此问题的多个主题。但我只是找不到它在我的情况下不起作用的原因。

我正在尝试在数组中找到最近的最高值 qty。该数组是动态创建的。 所以在下面的例子中，当前值/数量是17。我想从数组中返回包含qty: 60的对象。

无论我尝试什么输出都是undefined。我就是不明白为什么会这样。

<div class="product" data-url="some-url-to-json" data-quantity="17">
  ....
</div>

$(function(){

 $('#form-pagecart .product').each(function(){
   var url = $(this).data('url') + '?format=json';
   var cur_qty = $(this).data('quantity')
   var highestArray= []
   $.getJSON(url, function(data){
     $.each(data.product.discounts, function(index, disc) {
       highestArray.push({ qty: parseInt(disc.quantity), price: disc.price.price_incl, price_excl: disc.price.price_excl })
    });
   });

   /* things I tried ======> */
   var output = highestArray.slice().reverse().find(({ qty }) => qty <= cur_qty);
   var nearest = highestArray.sort(function(a, b){ 
        return Math.abs(a.qty - cur_qty) - Math.abs(b.qty - cur_qty)
   })[0];
   console.log(output, nearest)
 });

当我 console.log highestArray 我得到：

[
  {
    "qty": 15,
    "price": 18.1379,
    "price_excl": 14.99
  },
  {
    "qty": 60,
    "price": 16.3229,
    "price_excl": 13.49
  },
  {
    "qty": 120,
    "price": 15.1129,
    "price_excl": 12.49
  },
  {
    "qty": 240,
    "price": 14.5079,
    "price_excl": 11.99
  }
]

为什么console.log 返回undefined 然后返回output 和nearest？

我也尝试过使用类似的函数：

changePrice(highestArray, cur_qty)

function changePrice(array,num){
 var output = array.slice().reverse().find(({ qty }) => qty <= num);
 if(output){
    $('.price .price-new i').text(output['price'])
    $('.price .vat i').text(output['price_excl'])
  }
}

Answer 1

在您尝试获取最高值时，可能服务器没有返回您需要的 JSON。

试试这样的：

$('#form-pagecart .product').each(function(){
   var url = $(this).data('url') + '?format=json';
   var cur_qty = $(this).data('quantity')
   var highestArray= []
   $.getJSON(url, function(data){
     $.each(data.product.discounts, function(index, disc) {
       highestArray.push({ qty: parseInt(disc.quantity), price: disc.price.price_incl, price_excl: disc.price.price_excl 
     });
     // Do it inside the callback, so you can be sure that the
     // JSON is already there.
     var output = highestArray.slice().reverse().find(({ qty }) => qty <= cur_qty);
   });

});