javascript - 如何通过 Jquery 按名称排序？

Question

我只是使用 Jquery 从 json 数据在我的 html 文档中创建我的产品列表。我只是想通过单击我的标题名称来对我的产品进行排序，这将按字母顺序对我的产品进行排序。

我已经研究过如何做到这一点，但无法找到/理解如何通过使用来自 json 的数据来做到这一点。

感谢任何帮助。谢谢

function drawPage() {
    $.get('/products', function (data) {
        console.log(data);
        var prod = data.products;

        for(var i=0; i<prod.length; i++){
        var el = document.createElement('P');
        el.innerHTML = prod[i].name;

            $('#app').append(el);
        }
    })
}
document.addEventListener('load', drawPage());

Answer 1

您需要重写比较函数以按产品名称对对象数组进行排序。

原型(prototype):

function drawPage() {
    $.get('/products', function (data) {
        console.log(data);
        var prods = data.products;

        //sorting by product names
        prods.sort(function(a, b){
          var x = a.name.toLowerCase();
          var y = b.name.toLowerCase();
          if (x < y) {return -1;}
          if (x > y) {return 1;}
          return 0;
        });

        for(var i=0; i<prods.length; i++){
           var el = document.createElement('P');
           el.innerHTML = prods[i].name;
           $('#app').append(el);
        }
    })
}
document.addEventListener('load', drawPage());

您还可以在将 json 导入数组之前直接对其进行排序: Sort JSON by value