如何在JavaScript中按字母顺序（升序和降序）排序

HTML:

未找到任何结果

JavaScript:

<section class="cd-gallery">
    <ul id="courses">
    </ul>
    <div class="cd-fail-message">No results found</div>
</section>

<ul>
    <li><input id="buttonaz" type="button" value="Course name(a-z)"/></li>
    <li><input id="buttonza" type="button" value="Course name(z-a)"/></li>
    <li><input id="buttonlu" type="button" value="Last updated"></li>
<ul>

var public\u电子表格\u url='https://docs.google.com/spreadsheets/..."
函数init（）{
init（{key:public\u spreadsheet\u url，
回拨：showInfo，
simpleSheet:true}）；
}
addEventListener（'DOMContentLoaded'，init）；
函数sortAZ（a，b）{
var x=a.Course.toLowerCase（）；
var y=b.Course.toLowerCase（）；
回报率（（xy）？1:0）；
}
函数sortZA（a，b）{
var x=a.Course.toLowerCase（）；
var y=b.Course.toLowerCase（）；
回报率（（x>y）？-1:（（x0）{
bodyContent+='
style=“背景色：#E89696”>“+courseName+statusList+sheetLink+”
”；
}else if（numHolds如果要使用库

参考有两个按钮的代码，一个用于排序aZ，一个用于排序Za。单击展开代码段，您将看到两个按钮，单击它们并享受排序



JavaScript数组排序
单击按钮以按字母或数字顺序排列阵列

排序Az
排序zA

变量点=[“z”、“b”、“d”、“a”]；
var data1=Array.prototype.slice.call（点）；
log（'Za Sort'，data1.Sort（）.reverse（））；
document.getElementById（“demo”）.innerHTML=points；
函数myFunction1（）{
points.sort（）；
document.getElementById（“demo”）.innerHTML=points；
}
函数myFunction2（）{
document.getElementById（“demo”）.innerHTML=data1.sort（）.reverse（）；
}
Hi！谢谢你的回答。我试过了，但没有成功。当我单击排序（a-z，z-a）按钮时，如何对页面进行排序？再次提前感谢。参考刚刚添加的代码。运行它并单击整个页面，单击按钮，它将对数据进行排序
var public_spreadsheet_url = 'https://docs.google.com/spreadsheets/..."

function init() {
    Tabletop.init( { key: public_spreadsheet_url,
                   callback: showInfo,
                   simpleSheet: true } );
}
window.addEventListener('DOMContentLoaded', init);

function sortAZ(a, b) {
    var x = a.Course.toLowerCase();
    var y = b.Course.toLowerCase();
    return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}

function sortZA(a, b) {
    var x = a.Course.toLowerCase();
    var y = b.Course.toLowerCase();
    return ((x > y) ? -1 : ((x < y) ? 1 : 0));
}

function showInfo(data) {
    var bodyContent = '';
    var sheetUrlRoot = 'https://docs.google.com/spreadsheets/d/';
    var buttonaz = document.getElementById("buttonaz");
    var buttonza = document.getElementById("buttonza");
    console.log(data)

    for (var i = 0; i < data.length; i++) {
        var sheetUrl = sheetUrlRoot + data[i].ActionId;
        var c = data[i].Course;
        var courseName = '<div class=\"courseName\">' + c + '</div>';
        var designer = data[i]['Designer'].toLowerCase();
        var numHolds = data[i]['On Hold']

        if (numHolds > 0) {
            bodyContent += '<li class="color-2 course mix ' + designer + ' "style="background-color: #E89696";>' + courseName + statusList+ sheetLink+ '</li>';
        } else if (numHolds <= 0){
            bodyContent += '<li class="color-1 course mix ' + designer + ' "style="background-color: #C2D5BE";>' + courseName + statusList+ sheetLink+'</li>';
        }
    }
    document.getElementById('courses').innerHTML = bodyContent;
    document.getElementById('buttonaz').onclick = data.sort(sortAZ);
    document.getElementById('buttonaz').onclick = data.sort(sortZA);
}

var stooges = [{name: 'moe', age: 40}, {name: 'larry', age: 50}, {name: 'curly', age: 60}];
_.sortBy(stooges, 'name');