对象数组按照非升序或降序的既定顺序排序

效果

• 结合数组的索引方法及 sort 方法，按照既定顺序（非升序或降序）排序
• 如下示例，type 属性按照 3 → 4 → 2 → 1 → 5 的顺序进行排序

代码

// 获取原本的数组
getList() {this.tableData = [];axios.get("/list2").then((res) => {console.log("res", res);if (res.status == 200) {this.tableData = res.data;this.tableSortData = this.sortDataFunc(this.tableData);console.log(this.tableData, this.tableSortData);}});
},
// 排序方法
sortDataFunc(totalArr) {let resultArr = [];let _this = this;// 先过滤一遍，拿到符合的数据resultArr = totalArr.filter((item) => {return _this.sortArr.includes(item.type);});// 获取行数据关键属性在排序数组中的索引function getIndex(str) {return _this.sortArr.indexOf(str);}// 使用 sort 方法针对索引进行排序resultArr.sort((a, b) => {return getIndex(a.type) - getIndex(b.type);});return resultArr;
},