如何將JS .sort添加到Vue方法

Question

我有以下Vue方法，我需要添加JS .sort()以便按字母順序排序輸出。我第一次知道JS落後的學習框架，並正在努力理解我需要如何使這項工作JS-明智：

filteredByCat (cat) { 
    return this.businesses.filter((element) => { 
    return element.cat === cat.name 
    }) 
}, 

不知怎的，我需要的是這樣的：

filteredByCat (cat) { 
    return this.businesses.filter((element) => { 
    return (element.cat === cat.name).sort() 
    }) 
}, 

Answer 1

你需要排序的過濾陣列：

filteredByCat (cat) { 
    return this.businesses.filter((element) => { 
    return (element.cat === cat.name); 
    }).sort(); 
}, 

---

從MDN Documentation for Array.prototype.sort()：

默認的排序順序是根據字符串的Unicode代碼點。

這意味着上面的例子將在過濾businesses陣列按字母和升序字符串進行排序。

如果需要通過一個屬性來排序對象的數組（比方說name），則需要提供回調函數作爲其提供排序邏輯的參數：

filteredByCat (cat) { 
    return this.businesses.filter((element) => { 
    return (element.cat === cat.name); 
    }).sort((a, b) => { // based off an example in the MDN Documentation for .sort() 
    var nameA = a.name.toUpperCase(); 
    var nameB = b.name.toUpperCase(); 
    if (nameA < nameB) { 
     return -1; 
    } else if (nameA > nameB) { 
     return 1; 
    } else { 
     return 0; 
    } 
    }); 
}, 

Answer 2

排序函數需要一個回調像

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