首页 > 其他分享 >js实现数组内相邻元素上移,下移

js实现数组内相邻元素上移,下移

时间:2022-09-22 21:55:30浏览次数:54  
标签:index arr 上移 type lastIndex param js 下移 firstIndex

上移、下移

   /**      * 移动切换位置      * @param {Array} arr 数据源      * @param {Number} index 序号      * @param {String} type 上移下移      */
    moveData(arr, index, type) {
      const _firstIndex = type === 'top' ? index - 1 : index
      const _lastIndex = type === 'top' ? index : index + 1
      // 处理后的数据
      const _handleData = this.swapArray(arr, _firstIndex, _lastIndex)
    },

数组元素互换位置  

    /**      * 数组元素互换位置      * @param {Array} arr      * @param {Number} firstIndex      * @param {Number} lastIndex      */
    swapArray(arr, firstIndex, lastIndex) {
      if (firstIndex === -1 || lastIndex === arr.length) {
        this.$message.warning(`${firstIndex === -1 ? '已经处在第一的位置了' : '已经处在末尾的位置了'}`)
        return arr
      }
      arr[firstIndex] = arr.splice(lastIndex, 1, arr[firstIndex])[0]
      return arr
    }

 

标签:index,arr,上移,type,lastIndex,param,js,下移,firstIndex
From: https://www.cnblogs.com/hspl/p/16720981.html

相关文章

  • JS注意事项 && 代码调试
    JavaScript识别七种基本(不可变)数据类型:Boolean、Null、Undefined、Number、String、Symbol(ES6新增)和BigInt(ES2020新增),以及一种可变项类型:Object。注意,在JavaScript中,数组严......
  • nodejs 安装多版本 版本切换
          有时候需要运行不同的项目,node版本不一致会导致不少问题,特别是最新版本对应的一些插件,由于语法等原因导致不一定兼容低版本,这样运行低版本环境的项目的时候很......
  • scrapy框架之生成存储文件json,xml、csv文件
    以起点小说网举例子网址https://www.qidian.com/rank/yuepiao/默认大家已经生成好scrapy项目了,如果不会请参考我之前的文章scrapy框架之创建项目运行爬虫爬取网页获......
  • js滚动到页面顶部
    1//页面滚动到顶部2//方法一3document.body.scrollTop=document.documentElement.scrollTop=04//方法二5document.body.scrollIntoView()67//scrollInto......
  • [JSOI2010]冷冻波
    [JSOI2010]冷冻波题目描述WJJ喜欢“魔兽争霸”这个游戏。在游戏中,巫妖是一种强大的英雄,它的技能FrozenNova每次可以杀死一个小精灵。我们认为,巫妖和小精灵都可以看成是......
  • tippy.js - 好用的tooltip提示插件使用详解
    1,基本介绍(1)tippy.js 是一款轻量的 tooltip 插件,使用它可以很方便地实现鼠标悬停提示信息效果。GitHub 主页:https://github.com/atomiks/tippyjs官网地址:https://a......
  • JAVA调用远程接口时模拟发送数据-json格式、x-www-form-urlencoded格式、文件+参数格
    实习期结束,总结一下实习时遇到的一些以前不常用的代码,以方便下次用到时取用,代码不涉及公司机密,需要根据自己的需要进行一定的修改!如有错误欢迎指正!一个需求是项目的某些接......
  • Js中元素滚动问题
    1、如何判断一个元素是否可以滚动clientHeight指的是不出现滚动条的情况下所需要最小高度scrollHeight指的是元素内容高度,包括可视部分和溢出部分如果元素内容在没有滚......
  • js返回点击事件返回页面顶部
     <divclass="top"></div> .top{        position:fixed;        right:0;        bottom:20px;   ......
  • js定时器动态显示时间
     //time    lettime=document.getElementsByClassName('time')[0];    functionstartTime(){      vartoday=newDate();//定......