欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JS开发中jssplice()方法如何使用

程序员文章站 2022-03-08 18:01:28
...
我们知道,在JS里splice()的方法有三种使用属性删除,插入和替换,那么今天就给大家带来splice()的删除,插入,替换的使用教程。

1.删除:可以删除任意数量的项,只要指定两个参数:要删除的第一项的位置和删除的项数。例如:splice(0,2)会删除数组中的前两项。

var colors=["red","green","blue","black","white"];
colors.splice(0,2);
console.log(colors);
// ["blue", "black", "white"]

2.插入:可以向指定的位置插入任意数量的项,需要3哥参数:起始位置、0(要删除的项数)和要插入的项。;例如:splice(2,0,"red","green")

var colors=["red","green","blue","black","white"];
colors.splice(1,0,"orange");
console.log(colors);
// ["red", "orange", "green", "blue", "black", "white"]

3.替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项。需要3哥参数:起始位置、要删除的项数和要插入的项。;例如:splice(2,1,"red","green")

var colors=["red","green","blue","black","white"];
colors.splice(1,1,"orange");
console.log(colors);
// ["red", "orange", "blue", "black", "white"]


相信看了这些案例你已经掌握了方法,更多精彩请关注其它相关文章!

相关阅读:

html5中的DOM编程的实现步骤

HTML5中的progress元素的详细介绍及兼容性处理

HTML里关于表格table嵌套的注意事项

以上就是JS开发中jssplice()方法如何使用的详细内容,更多请关注其它相关文章!