本文为工具方法，提供简单但常用的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]);}
}

javascript轻松解决前端数据排序（互换，置顶，上移，下移），快收藏吧相关推荐

位映射--解决大数据排序与排重问题
文章目录一.问题提出二.问题分析三.位映射的详细阐述四.将int[] 数组转化为byte[] 数组方案 4.1 实现bit索引与int数值之间的映射关系 4.2 计算转化为byte[]数组的索 ...
解决点击锚点置顶内容被导航遮住
工作中我第一次遇到这种情况,因为是接手公司的老项目,在原来项目的基础上修改,而且这项目里的相应文件都非常乱,结构.样式.行为都不分离的,处理起来有点棘手,看着代码脑袋都疼:由于点击锚点,内容会默认置顶 ...
排序趟[置顶] Java和C实现的冒泡排序（基本思想）
本篇文章朋友在北京喝咖啡的时候突然想到的...最近就有想写几篇关于排序趟的笔记,所以回家到之后就奋笔疾书的写出来发表了交换排序的基本思想是:两两比拟待排序记录的关键字,发现两个记录的次序相反时即停止 ...
asp从后台调出的公式怎么参与运算_Excel中使用公式老是出错，这几招帮你轻松解决~...
数据不规范,亲人两行泪,在Excel中使用函数公式时,难免会出错. 还有不少的朋友反馈自己写的公式结果是有问题的,可是自己又不知道问题出在了哪个地方,怎么样去检查公式的问题所在呢? 今天给大分享关于检 ...
置顶信息（不仅修改数据库，也完成了前台效果）
零.效果不仅修改了数据库,前台页面也变化了... 一.项目需求(二次开发+ssm+js): 需求:完成某条信息的置顶功能详细:在某页面的管理后台,完成对数据库的某张表中,某1条信息的置顶(前端动态 ...
hexo博客优化之文章置顶+置顶标签
本文首发于wangwlj.com 博文置顶一种方法是手动对相关文件进行修改,具体可参考这篇文章. 另一种方法就是,目前已经有修改后支持置顶的仓库,可以直接用以下命令安装. $ npm uninsta ...
敬业签电脑备忘录软件如何设置待办事项已完成自动置顶？
敬业签是一款具备多端同步.定时提醒.防止误删等功能的备忘录软件. 在敬业签云便签上,可对便签内容标记已完成,标记已完成的便签系统默认横线划去保留在内容栏下的原地位置,被标记已完成的待办事项将统一进入已 ...
前端JavaScript(1) --Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏...
一.Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) Jav ...
前端取消置顶功能_短说开发日报：首页推荐频道刷新后首页置顶的数据没有加载出来的问题已修复（9.22周二）...
短说社区论坛系统是想天软件推出的一款集社区论坛.电商商城.知识付费三大版块为一体的整合运营系统同步支持H5.公众号.安卓.IOS.PC.多渠道小程序(微信.头条.百度.支付宝.QQ) SAAS版本. ...
前端战五渣学JavaScript——前端数据存储
说起前端数据存储,那就不得不提到Cookie.sessionStorage和localStorage,这是我们接触到的最熟悉的前端数据存储的单词,作为一个前端开发.前端工程师,这三个单词用没用过先不管 ...

javascript轻松解决前端数据排序（互换，置顶，上移，下移），快收藏吧

知识回顾

方法代码

两个元素换位子

置顶移动

up 上移动一格

down 下移动一格

javascript轻松解决前端数据排序（互换，置顶，上移，下移），快收藏吧相关推荐

最新文章

热门文章