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