js实现数组内数据的上移和下移的实例


Posted in Javascript onNovember 14, 2017

实例如下所示:

var swapItems = function(arr, index1, index2){
arr[index1] = arr.splice(index2,1,arr[index1])[0]

return arr
}
var arr = [1,2,3]
var newArr = []
upData (arr, index) {

if (this.arr.length > 1 && index !== 0) {


newArr = swapItems(arr, index, index - 1)

}
}
downData (arr, index) {

if (this.arr.length > 1 && index !== (this.arr.length - 1)) {


newArr = swapItems(this.arr, index, index + 1)

}
}

以上这篇js实现数组内数据的上移和下移的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery自定义属性(类型/属性值)
May 21 Javascript
js单词形式的运算符
May 06 Javascript
JavaScript控制网页平滑滚动到指定元素位置的方法
Apr 17 Javascript
canvas实现图片根据滑块放大缩小效果
Feb 24 Javascript
ES6新特性三: Generator(生成器)函数详解
Apr 21 Javascript
利用Angular.js编写公共提示模块的方法教程
May 28 Javascript
JS中offset和匀速动画详解
Feb 06 Javascript
js合并两个数组生成合并后的key:value数组
May 09 Javascript
微信小程序自定义select下拉选项框组件的实现代码
Aug 28 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 Javascript
基于vue写一个全局Message组件的实现
Aug 15 Javascript
VUE 实现element upload上传图片到阿里云
Aug 12 Javascript
vue router使用query和params传参的使用和区别
Nov 13 #Javascript
vue+vue-validator 表单验证功能的实现代码
Nov 13 #Javascript
jQuery除指定区域外点击任何地方隐藏DIV功能
Nov 13 #jQuery
Angular实现表单验证功能
Nov 13 #Javascript
mescroll.js上拉加载下拉刷新组件使用详解
Nov 13 #Javascript
Vue.js用法详解
Nov 13 #Javascript
利用HBuilder打包前端开发webapp为apk的方法
Nov 13 #Javascript
You might like
PHP中在数据库中保存Checkbox数据(1)
2006/10/09 PHP
php处理json时中文问题的解决方法
2011/04/12 PHP
深入理解php的MySQL连接类
2013/06/07 PHP
PHP常用工具类大全附全部代码下载
2015/12/07 PHP
[企业公众号]升级到[企业微信]之后发送消息失败的解决方法
2017/06/30 PHP
PHP获取HTTP body内容的方法
2018/12/31 PHP
PHP观察者模式实例分析【对比JS观察者模式】
2019/05/22 PHP
php7下的filesize函数
2019/09/30 PHP
js实现鼠标经过时图片滚动停止的方法
2015/02/16 Javascript
深入理解JavaScript系列(19):求值策略(Evaluation strategy)详解
2015/03/05 Javascript
AngularJS学习笔记之基本指令(init、repeat)
2015/06/16 Javascript
深入浅析javascript立即执行函数
2015/10/23 Javascript
JS实现超精简的链接列表在固定区域内滚动效果代码
2015/11/04 Javascript
Vue.js组件tree实现无限级树形菜单
2016/12/02 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
2017/06/13 Javascript
js实现鼠标拖拽多选功能示例
2017/08/01 Javascript
JavaScript中递归实现的方法及其区别
2017/09/12 Javascript
JavaScript 中使用 Generator的方法
2017/12/29 Javascript
小程序点击图片实现自动播放视频
2020/05/29 Javascript
详解React中合并单元格的正确写法
2019/01/08 Javascript
jQuery实现ajax的嵌套请求案例分析
2019/02/16 jQuery
Vue移动端右滑屏幕返回上一页附源码下载
2019/06/26 Javascript
Vue通过配置WebSocket并实现群聊功能
2019/12/31 Javascript
openlayers 3实现车辆轨迹回放
2020/09/24 Javascript
对Python进行数据分析_关于Package的安装问题
2017/05/22 Python
使用Python进行AES加密和解密的示例代码
2018/02/02 Python
python线程池threadpool使用篇
2018/04/27 Python
python conda操作方法
2019/09/11 Python
解决Python二维数组赋值问题
2019/11/28 Python
python使用Windows的wmic命令监控文件运行状况,如有异常发送邮件报警
2021/01/30 Python
html5的画布canvas——画出简单的矩形、三角形实例代码
2013/06/09 HTML / CSS
The North Face官方旗舰店:美国著名户外品牌
2020/09/28 全球购物
资深生产主管自我评价
2013/09/22 职场文书
政府门卫岗位职责
2014/04/29 职场文书
竞争上岗演讲稿范文
2014/05/12 职场文书
《中彩那天》教学反思
2016/02/24 职场文书