• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > Javascript实现数组中的元素上下移动

Javascript实现数组中的元素上下移动

作者:helloxiaoliang 字体:[增加 减小] 来源:互联网 时间:2017-05-11

helloxiaoliang通过本文主要向大家介绍了javascript定义数组,javascript 遍历数组,javascript创建数组,javascript 数组,javascript 对象数组等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

前言

我们交换数组可以实现元素上下移动了,这个效果我们在表格或以前排序算法中都会用到,下面来看一个JavaScript下实现交换数组元素上下移动例子

在写项目的时候,要实现一个数组记录上下移动的示例。写起来也没有没麻烦,无非是交换数组元素。最终实现代码如下,比较重要的是那个函数。

示例代码:

// 交换数组元素
  var swapItems = function(arr, index1, index2) {
    arr[index1] = arr.splice(index2, 1, arr[index1])[0];
    return arr;
  };
 
  // 上移
  $scope.upRecord = function(arr, $index) {
    if($index == 0) {
      return;
    }
    swapItems(arr, $index, $index - 1);
  };
 
  // 下移
  $scope.downRecord = function(arr, $index) {
    if($index == arr.length -1) {
      return;
    }
    swapItems(arr, $index, $index + 1);
  };
</div>

合理使用那个方法,可以实现置顶和最底的一些实现。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • javascript过滤数组重复元素的实现方法
  • JavaScript比较两个数组的内容是否相同(推荐)
  • Javascript实现数组中的元素上下移动
  • JavaScript数据结构之数组的表示方法示例
  • JavaScript中清空数组的三种方式
  • javascript 删除数组元素和清空数组的简单方法
  • JavaScript中数组的各种操作的总结(必看篇)
  • Javascript中数组去重与拍平的方法示例
  • 全面总结Javascript对数组对象的各种操作
  • JavaScript使用delete删除数组元素用法示例【数组长度不变】

相关文章

  • 2017-08-19前台js页面定时显示弹窗消息提示
  • 2017-05-11discuz表情的JS提取方法分析
  • 2017-05-11js实现PC端根据IP定位当前城市地理位置
  • 2017-05-11canvas实现动态小球重叠效果
  • 2017-05-11原生js实现网页顶部自动下拉/收缩广告效果
  • 2017-05-11使用jQuery ajaxupload插件实现无刷新上传文件
  • 2017-05-11vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
  • 2017-05-11Vue2.0使用过程常见的一些问题总结学习
  • 2017-05-11js获取指定时间的前几秒
  • 2017-05-11JavaScript调试的多个必备小Tips

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 微信小程序 数据封装,参数传值等经验分享
    • jQuery多选框选择数量限制方法
    • JavaScript使用简单正则表达式的数据验证功能示例
    • 原生node.js案例--前后台交互
    • jquery事件与绑定事件
    • DOM事件探秘篇
    • react实现pure render时bind(this)隐患需注意!
    • new Date().getTime() 多8小时问题
    • easyui 中的datagrid跨页勾选问题的实现方法
    • React Router基础使用

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有