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

作者:helloxiaoliang 时间:2024-04-22 22:36:16 

前言

我们交换数组可以实现元素上下移动了,这个效果我们在表格或以前排序算法中都会用到,下面来看一个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);
 };

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

总结

标签:js,数组,元素
0
投稿

猜你喜欢

  • Python接口自动化浅析数据驱动原理

    2022-02-22 21:52:01
  • python数学建模之三大模型与十大常用算法详情

    2023-10-04 17:59:19
  • IE6模拟max-width对图片缩放

    2008-03-16 14:32:00
  • CentOS7使用yum安装Golang的超详细步骤

    2024-04-30 10:08:01
  • 程序员的七种武器

    2008-11-01 17:13:00
  • PHP中获取文件创建日期、修改日期、访问时间的方法

    2023-06-11 18:37:15
  • python-序列解包(对可迭代元素的快速取值方法)

    2023-12-28 23:23:57
  • 使用Turtle画正螺旋线的方法

    2022-12-08 20:49:31
  • Django 对IP访问频率进行限制的例子

    2022-02-14 05:40:38
  • FCKEditor网页编辑器 几点使用心得

    2022-06-25 17:09:34
  • PHP中PDO事务处理操作示例

    2023-11-21 14:54:12
  • python实现大量图片重命名

    2023-12-26 07:20:56
  • Python+Selenium实现短视频热点爬取

    2022-03-07 23:43:37
  • Python实现贪吃蛇小游戏(单人模式)

    2023-09-26 23:14:42
  • 利用pipenv和pyenv管理多个相互独立的Python虚拟开发环境

    2022-06-03 19:54:30
  • 探讨SQL利用INFORMATION_SCHEMA系统视图如何获取表的主外键信息

    2024-01-23 04:16:36
  • oracle 11g的警告日志和监听日志的删除方法

    2023-06-29 13:59:36
  • Python采集王者皮肤图片实战示例

    2021-08-02 12:09:23
  • 整理MySql常用查询语句(23种)

    2024-01-23 09:14:46
  • adonet基础示例分享(adonet连接数据库)

    2024-01-15 23:15:44
  • asp之家 网络编程 m.aspxhome.com