admin 管理员组

文章数量: 1184232

js，vue，javascript数组对象的升序降序方法封装

/*** @author lp* @desc 数组对象排序* sort会改变原数据，无需return* @param {arr:需要排序数据，column:参与排序字段，order：asc正序，desc倒叙}  * @return {} */
export function arrObjSort(arrObj, column, order) {//转换大写order = order.toUpperCase();//正序if (order == "ASC") {arrObj = arrObj.sort((a, b) => { return Number(a[column]) - Number(b[column]) })}//倒叙if (order == "DESC") {arrObj = arrObj.sort((a, b) => { return Number(b[column]) - Number(a[column]) })}
}//方法测试
let arrObj = [{ name: "张四", age: "19" },{ name: "张三", age: "20" },{ name: "张一", age: "25" },{ name: "张二", age: "24" },]
arrObjSort(arrObj, 'age', 'desc');
console.log('数据:', arrObj);

最近开发的vue前端项目中，有很多地方有数组对象排序的需求，就封装了一个公用方法，方便页面调用。使用的就是数组的sort 方法。

封装的数组对象排序方法，sort会改变原数据，不用return 数据 ！

返回数据：

本文标签： js，vue，javascript数组对象的升序降序方法封装

版权声明：本文标题：js，vue，javascript数组对象的升序降序方法封装 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.roclinux.cn/p/1698026984a283358.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。