javascript - 如何将 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() :

The default sort order is according to string Unicode code points.

这意味着上面的示例将按字母顺序和升序将过滤后的 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;
    }
  });
},