数组上、下移动

最新推荐文章于 2024-07-17 15:26:15 发布

不会前端的渣渣威

最新推荐文章于 2024-07-17 15:26:15 发布

阅读量79

点赞数

分类专栏： JS 文章标签： javascript 前端

本文链接：https://blog.csdn.net/zhazhawei9527/article/details/130575554

版权

JS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

该文章介绍了一个名为UpDownFunction的JavaScript类，用于在数组中实现元素的上移和下移操作。通过swapItems方法交换指定索引的元素，根据传入的index调整元素位置。示例代码展示了如何在给定数组中应用这个功能。

摘要由CSDN通过智能技术生成

循环添加后可上下移动

上下移动

/**
 * UpDownFunction: 上移和下移
 * @params {*} arr: 数组
 * @params {*} index:需要处理的index
 * upData: 这是上移
 * downData： 这是下移
 */
export default class UpDownFunction {
  constructor(arr = [], index) {
    this.arr = arr
    this.index = index
  }

  swapItems(arr, index1, index2) {
    arr[index1] = arr.splice(index2, 1, arr[index1])[0]
    return arr
  }

  upData() {
    let newArr = []
    if (this.arr.length > 1 && this.index !== 0) {
      newArr = this.swapItems(this.arr, this.index, this.index - 1)
    }
    return newArr
  }
  downData() {
    let newArr = []
    if (this.arr.length > 1 && this.index !== (this.arr.length - 1)) {
      newArr = this.swapItems(this.arr, this.index, this.index + 1)
    }
    return newArr
  }
}

调用方式

const array = [
  {
    label:'测试1',
    id:1
  },
  {
    label:'测试2',
    id:2
  },
  {
    label:'测试3',
    id:3
  }
]
const upDataArray = []
const UpDownFunctions = new UpDownFunction(array, val.index)
this.upDataArray= UpDownFunctions.upData()