博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript函数补完:splice()数组操作
阅读量:7282 次
发布时间:2019-06-30

本文共 1789 字,大约阅读时间需要 5 分钟。

hot3.png

使用Array类型的splice方法可以对数组元素进行插入、替换、删除。该方法讲直接影响当前的数组对象(与.slice(index1,index2)方法不同)并返回被删除的数组项。

参数:

index :数组中元素的起始下标。

count :需要要被删除或替换的元素个数。

elems :需要插入到数组中的项。

返回值 :返回从素组中被移除的项。

演示:

var items =["a","b","c","d","e"];//删除元素,此时的参数只有index和countresult = items.splice(1,2)//这个操作删除了示例中items数组中的元素["b","c"],并返回["b","c"]给result.//替换元素,当后面带了elems 参数,而且,count不等于0的时候表示替换result = items.splice(1,2,"x","y")//这个操作使用元素"x","y"替换了示例中items数组中的元素["b","c"],并返回["b","c"] 给 result.//插入元素,携带了elems 参数,并且count等于0 则表示插入result = items.splice(1,0,"x","y")//这个操作的结果是在示例中items数组的的"b"元素后插入["x","y"],返回值为空。

在本例中,我们将创建一个新数组,并向其添加一个元素:

var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"document.write(arr + "
")//由于count=0 并且 有elems 参数,所以表示插入元素,在下标为2的地方插入,原先下标为2的后移arr.splice(2,0,"William")document.write(arr + "
")

输出:

George,John,Thomas,James,Adrew,MartinGeorge,John,William,Thomas,James,Adrew,Martin

在本例中我们将替换位于 index 2 的元素:

var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"document.write(arr + "
")//有elems 参数,所以表示替换或者插入,因为count不等于0,所以表示替换掉下标为2的元素arr.splice(2,1,"William")document.write(arr)

输出:

George,John,Thomas,James,Adrew,MartinGeorge,John,William,James,Adrew,Martin

在本例中我们将删除从 index 2 ("Thomas") 开始的三个元素,并添加一个新元素 ("William") 来替代被删除的元素:

var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"document.write(arr + "
")//因为elems 参数,而且count不等于0,所以表示替换,而且替换的count个数为3,使用"William"来替换arr.splice(2,3,"William")document.write(arr)

输出:

George,John,Thomas,James,Adrew,MartinGeorge,John,William,Martin

转载于:https://my.oschina.net/u/2331760/blog/424223

你可能感兴趣的文章
移动着,心就变了
查看>>
2014冬去春来
查看>>
Python全栈--6.1-match-search-findall-group(s)的区别以及计算器实例
查看>>
基本概念
查看>>
《Linux内核设计与实现》读书笔记(10)--- 定时器和时间管理(2)
查看>>
Spark On YARN内存分配
查看>>
Python学习笔记【第十三篇】:Python网络编程一Socket基础
查看>>
Hibernate ORM框架——项目一:Hibernate查询;项目二:集合相关查询
查看>>
Ionic2开发环境搭建
查看>>
ccf 最优灌溉
查看>>
(30)批处理文件.bat
查看>>
基于MFC和opencv的FFT
查看>>
0823模拟赛
查看>>
Ajax
查看>>
HDU 1849 Rabbit and Grass 【Nim博弈】
查看>>
JMeter-Java压力测试工具-01
查看>>
搜狐在线笔试 时间复杂度O(n)实现数组A[n]中所有元素循环左移k个位置
查看>>
写python时加入缩进设置
查看>>
ubuntu下安装opencv 2.4.9 脚本,支持摄像头和cuda
查看>>
Tensorflow 线性回归预测房价实例
查看>>