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数组对象的升序降序方法封装相关推荐

Java 8 list 对象字段升序降序
原文:https://www.concretepage.com/java/jdk-8/java-8-stream-sorted-example Stream sorted() using Natura ...
js:数组对象按key值进行升序降序排序
1.先定义一个数组对象 let arr=[{name:'李欣',age:'18'},{name:'王钊',age:'15'},{name:'李雪',age:'20'},{name:'李逍遥',age: ...
js对象、数组对象根据属性值进行升序降序排序
1.js对象排序 // 排序之前 let objs = {f: {id: 2,name: '2'},a: {id: 3,name: '3'},c: {id: 1,name: '1'} }// 根据对象 ...
实现升序降序功能（Vue、CSS）
一.Vue实现排序功能组件:升序.降序效果图: 封装组件: <template><div class="sort-box" @click="chang ...
史上最全JavaScript数组对象详解（二）
JavaScript数组对象详解(二) 上一篇博客我们讲到了JavaScript数组对象的创建,访问和属性,接下来一篇博客主要讲一下JavaScript数组对象的方法及使用.说到数组的方法,主要分为两 ...
字符串对象转数组对象_js对象转数组的方法 js怎么将数组对象转变成字符串
只需要一句,arr.__proto__=[];但是要注意浏览器支持__proto__才行,最新的浏览器应该都支持. 以下两种都可以解决此问题: function transform(obj){ var ...
ajax字符串转数组对象数组,如何将AJAX返回的字符串转换为javascript数组对象
我正在使用jqGrid并希望使用从ColdFusion返回的ajax来构建colModel数组.如何将AJAX返回的字符串转换为javascript数组对象当我在下面的客户端上创建数组cm时,这可以 ...
javascript 数组对象中的迭代方法
/* javascript 数组对象中的迭代方法 * ECMAScript5为数组定义了5个迭代方法.每个方法都接受两个参数,第一个是进行迭代的函数,第二个是该函数的作用域对象[可选]. * 进行迭代 ...
【Vue】—数组对象变更检测
[Vue]-数组对象变更检测

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

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

最新文章

热门文章