首页 > 其他分享 >ES6中对数组的数据进行排序

ES6中对数组的数据进行排序

时间:2022-12-19 11:33:37浏览次数:47  
标签:ES6 index item 数组 排序 checkedCities

今天在工作中遇到了要对多选数据进行排序的一个功能,在此学习记录一下。

实现效果:点击左边的向下或者向上排序的按钮实现数据的排序。

选择第二个向下排序,结果如下:

 

 

 

具体方法如下:

     //找到原来需要排序的数据在原来的数组中的位置
const index=$this.checkedCities.findIndex((item)=>{ return item==row; });
//向上排序 if(isUp){ [$this.checkedCities[index],$this.checkedCities[index-1]]=[$this.checkedCities[index-1],$this.checkedCities[index]] }else{ [$this.checkedCities[index],$this.checkedCities[index+1]]=[$this.checkedCities[index+1],$this.checkedCities[index]] }

 

标签:ES6,index,item,数组,排序,checkedCities
From: https://www.cnblogs.com/wofeiliangren/p/16991736.html

相关文章

  • (举例)在有序数组中查找具体的某个数字n。编写int binsearch(int x,int v[],int n)数组代
    intbinsearch(intx,intv[],intn)功能:在v[0]<=v[1]<=v[2]<=...<=v[n-1]的数组中查找n以数组arr[]={1,2,3,4,5,6,7,8,9,10}为例答案:一.法一:从左到右挨个查找,找n次#include<stdio.h>in......
  • JavaScript冒泡排序+Vue可视化冒泡动画
    冒泡排序(BubbleSort)算是前端最简单的算法,也是最经典的排序算法了。网上JavaScript版本的冒泡排序很多,今天用Vue实现一个动态的可视化冒泡排序。01、JavaScript冒泡排序......
  • 可持久化数组
    例题:P3919【模板】可持久化线段树1(可持久化数组)写在前面我是蒟蒻,不会区间修改,只知道要。思想可持久化数组要求修改之前的版本,所以我们必须保存之前的版本,但是对于每......
  • C#中List〈string〉和string[]数组之间的相互转换
    原文链接:https://www.jb51.net/article/32390.htmstring[]strings={"a","b","c","abc"};List<string>list=newList<string>(strings);string[]strings2=......
  • 图——拓扑排序
    拓扑排序定义给定一个包含n个节点的有向图 G,我们给出它的节点编号的一种排列,如果满足:对于图G中的任意一条有向边(u,v),u在排列中都出现在v的前面。那么称该排......
  • 209. 长度最小的子数组
    209.长度最小的子数组力扣题目链接我的代码:错误的滑动窗口publicintminSubArrayLen(inttarget,int[]nums){intleft=0,right=0;int......
  • Java数组(08)稀疏数组
       红标列不打印,第一行为总计数量       ......
  • 【LeeCode】697. 数组的度
    【题目描述】给定一个非空且只包含非负数的整数数组 ​​nums​​,数组的 度 的定义是指数组里任一元素出现频数的最大值。你的任务是在 ​​nums​​​ 中找到与 ​​......
  • 链表与数组的区别
    原文链接:https://baijiahao.baidu.com/s?id=1743478279629141019物理存储结构不同链表与数组在计算机中存储元素采用不同的物理存储结构,数组是顺序存储结构,链表是链式......
  • 冒泡排序相关知识总结
    轮数表示冒泡排序外层循环的次数,次数表示交换次数。设排列为\(w\),冒泡排序的轮数为\(\max_{i=1}^{n}(i-w_i)\).因为如果\(i>w_i\),那么这个数每一轮会向目的地......