为了账号安全,请及时绑定邮箱和手机立即绑定

如何对数组进行排序,以按降序而不是字母顺序显示covid病例国家的数据?

如何对数组进行排序,以按降序而不是字母顺序显示covid病例国家的数据?

浮云间 2022-08-27 15:15:15
此代码正在使用API获取Covid19统计数据的数据,目前其按字母顺序显示所有国家的covid病例数据......我想按降序显示数据,即病例较多的国家应该在表中排在第一位$.ajax({  url: "https://api.covid19api.com/summary",  type: "GET",  dataType: 'JSON',  success: function(data) {    console.log(data);    console.log(data.Countries);    var sno = 1;    $.each(data.Countries, function(key, value) {      $("#country-wise").append("<tr>" +        "<td>" + sno + "</td>" +        "<td>" + value.Country + "</td>" +        "<td>" + value.NewConfirmed + "</td>" +        "<td>" + value.NewDeaths + "</td>" +        "<td>" + value.NewRecovered + "</td>" +        "<td>" + value.TotalConfirmed + "</td>" +        "<td>" + value.TotalDeaths + "</td>" +        "<td>" + value.TotalRecovered + "</td>" +        "</tr>");      sno++;    });  }});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><table id="country-wise"></table>
查看完整描述

1 回答

?
凤凰求蛊

TA贡献1825条经验 获得超4个赞

使用 的方法。sortArray


$.ajax({

  url: "https://api.covid19api.com/summary",

  type: "GET",

  dataType: 'JSON',

  success: function(data) {

    console.log(data);

    console.log(data.Countries);

    data.Countries.sort((a, b) => b.TotalConfirmed - a.TotalConfirmed);

    var sno = 1;

    $.each(data.Countries, function(key, value) {

      console.log(key + ":" + value);


      $("#country-wise").append("<tr>" +

        "<td>" + sno + "</td>" +

        "<td>" + value.Country + "</td>" +

        "<td>" + value.NewConfirmed + "</td>" +

        "<td>" + value.NewDeaths + "</td>" +

        "<td>" + value.NewRecovered + "</td>" +

        "<td>" + value.TotalConfirmed + "</td>" +

        "<td>" + value.TotalDeaths + "</td>" +

        "<td>" + value.TotalRecovered + "</td>" +

        "</tr>");

      sno++;

    });

  }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<table id="country-wise"></table>


查看完整回答
反对 回复 2022-08-27
  • 1 回答
  • 0 关注
  • 82 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号