遇到个表格列上下一定,然后确定保存移动后的位置,这就要用到前端数组移动,然后后端保存移动后的数据。
自己写了个上下移动:
function upOrdown(arr, index, type="up") {
if(type==="up"){
const current = arr[index];
const perv = arr[index-1];
arr[index-1]= current;
arr[index] = perv;
}else{
const current = arr[index];
const next = arr[index+1];
arr[index+1]= current;
arr[index] = next;
}
return arr;
}
//例子
var arr = ['ee','rr','tt','yy','ii'];
//例如 index=2的向前移动
console.log(upOrdown(arr, 2, 'up'));// 打印结果 ["ee", "tt", "rr", "yy", "ii"]
//例如 index=3的向后移动
console.log(upOrdown(arr, 3, ''));// 打印结果 ["ee", "rr", "tt", "ii", "yy"]
巧用splice()第三个入参
/**
* @description:
* @param {*} arr 操作的数组
* @param {*} index1 准备移动的元素
* @param {*} index2 移动到的位置 往下移就是 index2=index+1 往上移动就是 index2=index-1;
* @param {*} direction up->置顶, down->置底
* @return {*} Array
*/
var swithItem = function (arr, index1, index2, direction) {
if (direction === 'up') { //置顶
//arr.unshift(arr[index1]);
//arr.splice(index1 + 1, 1);
arr.unshift(arr.splice(index1, 1)[0])
return arr;
}
if (direction === 'down') { //置底
//arr.push(arr[index1]);
//arr.splice(index1, 1);
arr.push(arr.splice(index1, 1)[0])
return arr;
}
arr[index1] = arr.splice(index2, 1, arr[index1])[0];
return arr;
};