前言
在网页中,实现列表的升序和降序,是一个比较常见的操作,尤其是在做一些数据栓选表格的时候,按照索引,时间等特定的参数,提供升序和降序排列的功能的
具体示例
sort
原生js
在原生js中主要是操作...button" onclick="sort()" value="降序或升序" />
分析
上面的示例是先把容器html内容清空,最后,把数组的数据以倒排序的方式遍历并填充到之前的ul容器里面
使用原生js...方式就是要遍历DOM节点,然后依赖DOM对象的属性或方法操作DOM的
Vue版本实现
在Vue里面是操作数据,结合数组的sort方法一个简单的方法就可以实现的,原生js想要实现同样类似的效果,那就得不断的去查找...margin-top: 20px;
}
使用vue实现,发现就很简单,使用sort(a,b)方法,其中a代表前一个数,b代表后一个数,做一个差值,就可以判断哪个大,哪个小的
总结
升序和降序在...Js中是一个比较常见的操作,做一些简单的排序操作可以基于sort方法实现