当前位置:网站首页>JS实现上一个、下一个、置顶、置底操作
JS实现上一个、下一个、置顶、置底操作
2022-08-04 05:26:00 【qq_26695613】
废话不多说,直接上代码。
//index1和index2分别是两个数组的索引值,即是两个要交换元素位置的索引值,如1,5就是数组中下标为1和5的两个元素交换位置
export function swapArray(arr, index1, index2) {
arr[index1] = arr.splice(index2, 1, arr[index1])[0];
return arr;
}
//置顶
export function zd(arr,index){
if(index!=0){
arr.unshift(arr.splice(index,1)[0])
}else{
alert('已经处于最上');
}
}
//置底
export function zdd(arr,index){
if(index!=arr.length-1){
var temp=arr[index];//
arr.splice(index,1);
arr.push(temp);
// arr.unshift(arr.splice(index,1)[0])
// arr.reverse();
}else{
alert('已经处于最下');
}
}
//上移 将当前数组index索引与后面一个元素互换位置,向数组后面移动一位
export function zIndexUp(arr,index,length){
debugger
if(index+1 != length){
swapArray(arr, index, index+1);
}else{
alert('已经处于最下,无法下移');
}
}
//下移 将当前数组index索引与前面一个元素互换位置,向数组前面移动一位
export function zIndexDown(arr,index,length){
if(index!= 0){
swapArray(arr, index, index-1);
}else{
alert('已经处于最上,无法上移');
}
}
边栏推荐
猜你喜欢

TensorRT例程解读之语义分割demo

Linux环境下redis的下载、安装和启动(建议收藏)

JS原型链

PHP实现异步执行程序

7.16 Day22---MYSQL (Dao mode encapsulates JDBC)

实际开发中左菜单自定义图标点击切换
![Embedded system driver primary [4] - under the basis of character device driver _ concurrency control](/img/96/5224d2de152eb738703cd201fb8407.png)
Embedded system driver primary [4] - under the basis of character device driver _ concurrency control

想好了吗?

scrapy 爬取当当图书名字图片

npm报错Beginning October 4, 2021, all connections to the npm registry - including for package installa
随机推荐
7.16 Day22---MYSQL (Dao mode encapsulates JDBC)
谷粒商城-基础篇(项目简介&项目搭建)
DP4398:国产兼容替代CS4398立体声24位/192kHz音频解码芯片
(Kettle) pdi-ce-8.2 连接MySQL8.x数据库时驱动问题之终极探讨及解决方法分析
7、特殊SQL的执行
程序员也应了解的Unity粒子系统
擎朗智能全国研发创新中心落地光谷:去年曾获2亿美元融资
FLV格式详解
string类简介
部署LVS-DR群集【实验】
PHP实现异步执行程序
使用express-jwt第三方包报错TypeError: expressJWT is not a function
实际开发中,客户要求密码输入框禁止粘贴~
TensorRT例程解读之语义分割demo
力扣:63. 不同路径 II
phpexcel导出数据为xml
嵌入式系统驱动初级【4】——字符设备驱动基础下_并发控制
实际开发中左菜单自定义图标点击切换
IP地址查询
thymeleaf中onclick事件动态传递参数问题