美文网首页
js splice()

js splice()

作者: 2016_18点 | 来源:发表于2019-04-28 14:15 被阅读0次
思考:如何实现排序后,将排序位置修改为拖拽之后的位置?

例如:将“端口中断或不均处理”从第一个位置拖到第三个位置,怎么修改他们在数组中的位置

拖拽前 拖拽后
关键代码:

this.showItems.splice(newIndex, 0, this.showItems.splice(oldIndex, 1)[0])
this.showItems: ['端口中断或不均处理','自动登记硬故','执行命令']
oldIndex表示 '端口中断或不均处理'被拖拽前的位置
newIndex表示 '端口中断或不均处理'被拖拽后的位置

解析:

1、先执行 this.showItems.splice(oldIndex, 1)[0]:将oldIndex位置的数据删除并取出,oldIndex后面位置的数据会依次前移一位
2、再执行this.showItems.splice(newIndex, 0, xxx) :将被删除元素插入到新位置(xxx表示上面的被删除数据)

试一试 点击在w3c上试一下
<html>
<body>

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"


document.write(arr + "<br />")
arr.splice(2,0,arr.splice(0,1))
document.write(arr)

</script>

</body>
</html>

相关文章

  • js splice()

    思考:如何实现排序后,将排序位置修改为拖拽之后的位置? 例如:将“端口中断或不均处理”从第一个位置拖到第三个位置,...

  • 2018-07-23

    在js中的List的splice函数用法 var arr[]={1,2,3,4}; 删除 :splice(1,1)...

  • JS中splice的ReferenceError: splice

    JavaScript中对数组的操作十分的方便,有很多的方法比如splice()方法,但是不能直接使用,例如: 这个...

  • JS的splice

    splice() 从数组中添加/删除项目,然后返回被删除的项目。 添加项目: arrayObject.splice...

  • vue 中数组如何更新? js中如何更新数组?

    使用原生js 更新数组 API: splice插入数据 使用方式: 举例: let arr =...

  • JS数组splice方法

    两个参数:1,开始截取下标;2、截取个数实例:

  • js的splice方法

    js中数组的 splice() 方法用于插入、删除或替换数组的元素,操作结果会改变原始数组,具体可参考下面的例子:...

  • js中splice()方法

    一、splice语法 splice可以增加数组元素,也可以删除数组元素,增加或者改变都会改变数组的个数 array...

  • js替换数组中指定下标的值

    js中splice函数的强大之处 语法: 参数说明: index :操作的其实位置deletedCount:从in...

  • js 数组中的splice()

网友评论

      本文标题:js splice()

      本文链接:https://www.haomeiwen.com/subject/enydnqtx.html