javascript轻松解决前端数据排序(互换,置顶,上移,下移),快收藏吧

本文为工具方法,提供简单但常用的js方法函数。

在这里插入图片描述

知识回顾

unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。
shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。
splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。


方法代码

两个元素换位子

function swapArr(arr, index1, index2) {
    arr[index1] = arr.splice(index2, 1, arr[index1])[0];
    return arr;
}

置顶移动

function toFirst(fieldData,index) {
    if(index!=0){
    	// 这种方法是与另一个元素交换了位子
        // fieldData[index] = fieldData.splice(0, 1, fieldData[index])[0]; 
        fieldData.unshift(fieldData.splice(index , 1)[0]);
    }
}

up 上移动一格

function upGo(fieldData,index){
    if(index!=0){
        fieldData[index] = fieldData.splice(index-1, 1, fieldData[index])[0];
    } else{
        fieldData.push(fieldData.shift());
    }
}

down 下移动一格

function downGo(fieldData,index) {
    if(index!=fieldData.length-1){
        fieldData[index] = fieldData.splice(index+1, 1, fieldData[index])[0];
    } else{
        fieldData.unshift( fieldData.splice(index,1)[0]);
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值