对数组的操作splice() 和slice() 用法和区别
JavaScript splice() 方法
定义和用法
splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。
注释:该方法会改变原始数组。
语法
arrayObject.splice(index,howmany,item1,.....,itemX)
说明
splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
提示和注释
注释:请注意,splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改。
实例1
在本例中,我们将创建一个新数组,并向其添加一个元素:
<script type="text/javascript">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 + "<br />")
arr.splice(2,0,"William")
document.write(arr + "<br />")</script>
输出:
George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin
实例2
在本例中我们将删除位于 index 2 的元素,并添加一个新元素来替代被删除的元素:
<script type="text/javascript">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 + "<br />")
arr.splice(2,1,"William")
document.write(arr)</script>
输出:
George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin
实例3
在本例中我们将删除从 index 2 ("Thomas") 开始的三个元素,并添加一个新元素 ("William") 来替代被删除的元素:
<script type="text/javascript">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 + "<br />")
arr.splice(2,3,"William")
document.write(arr)</script>
输出:
George,John,Thomas,James,Adrew,Martin
George,John,William,Martin
JavaScript slice() 方法
定义和用法
slice() 方法可从已有的数组中返回选定的元素。
注释:该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。
语法
arrayObject.slice(start,end)
提示和注释
注释:您可使用负值从数组的尾部选取元素。
注释:如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。
实例1
在本例中,我们将创建一个新数组,然后显示从其中选取的元素:
<script type="text/javascript">var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"document.write(arr + "<br />")
document.write(arr.slice(1) + "<br />")
document.write(arr) </script>
输出:
George,John,Thomas
John,Thomas
George,John,Thomas 原数组没有改变
实例2
在本例中,我们将创建一个新数组,然后显示从其中选取的元素:
<script type="text/javascript">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 + "<br />")
document.write(arr.slice(2,4) + "<br />")
document.write(arr)</script>
输出:
George,John,Thomas,James,Adrew,Martin
Thomas,James
George,John,Thomas,James,Adrew,Martin
TRY
http://www.w3school.com.cn/tiy/t.asp?f=jseg_slice_array
转载于:https://www.cnblogs.com/mmzuo-798/p/6770093.html
对数组的操作splice() 和slice() 用法和区别相关推荐
- js数组截取方式splice()和slice()方法
js数组截取方式splice()和slice()方法 1.splice() splice() 方法可以添加元素.删除元素,也可以截取数组片段.删除元素时,将返回被删除的数组片段,因此可以使用 spli ...
- (基础)JavaScript截取数组:使用splice()和slice()方法
JS 截取数组(得到数组片段)的方法有两种,分别是使用 splice() 和 slice() 方法,简单说明如下 使用 splice() 截取数组 splice() 方法可以添加元素.删除元素,也可以 ...
- JS截取数组:使用splice()和slice()方法
splice() 方法 splice() 方法可以添加元素.删除元素,也可以截取数组片段.删除元素时,将返回被删除的数组片段,因此可以使用 splice() 方法截取数组片段. 由于 splice() ...
- js-截取数组、拼接数组(附splice、slice辨析)
一.截取数组 1.Array.splice(index,howmany,item1,-,itemX) 用于添加或删除或替换数组中的元素.该方法会改变原始数组. 参数: index 必需.规定从何处添加 ...
- JS中splice、slice用法及区别
splice 向数组中添加或删除元素,然后返回含有被删除元素的数组 注意:这种方法会改变原始数组 语法 array.splice(index,howmany,item1,-,itemX) 参数 ind ...
- 微信小程序: 数组删除操作splice()的坑
Page({data: {godness: [{name: "杨超越"}, {name: "张天爱"}, {name: "徐璐"}, {na ...
- 【JavaScript 基础】-- 数组切割splice和slice
1.slice(start,end):方法可从已有数组中返回选定的元素,返回一个新数组,包含从start到end(不包含该元素)的数组元素.(该方法不会改变原数组) 2.splice():该方法向或者 ...
- java数组如何pop_Js数组的操作push,pop,shift,unshift等方法详细介绍
js中针对数组操作的方法还是比较多的,今天突然想到来总结一下,也算是温故而知新吧.不过不会针对每个方法进行讲解,我只是选择其中的一些来讲. 首先来讲一下push和pop方法,这两个方法只会对数组从尾部 ...
- javascript数组的操作
数组的标准定义是:一个存储元素的线性集合(collection),元素可以通过索引来任意存取,索引通常是数字,用来计算元素之间存储位置的偏移量. 而在javascript中,数组是一组特殊的对象. 1 ...
- js 的数组怎么push一个对象. Js数组的操作push,pop,shift,unshift JavaScrip
js 的数组怎么push一个对象. Js数组的操作push,pop,shift,unshift JavaScrip push()函数用于向当前数组的添加一个或多个元素,并返回新的数组长度.新的元素将会 ...
最新文章
- border-radius
- java正则表达式练习题目
- asp.net实现下载
- MB1A MB1B MB1C MB11 MIGO的区别解析
- 方法练习1_比较两个数字是否相同
- java wav 切割_WAV音频定长分段切取
- linux禁止内核抢占,Linux内核态抢占机制分析
- js禁用按钮_探索js让你的网页“自己开口说话”
- 如何阻止EditText专注于Android中的Activity启动
- css颜色 333是什么颜色,纯css实现的颜色扇附图
- 2.24小时365天不间断服务 --- 优化服务器及基础设施的拓扑结构(冗余,负载分流,高性能的实现)
- 51nod1433--简单数学
- ReentrantLock源码lock和tryLock区别
- 【毕业设计/课程设计】基于STM32的六臂行走机器小车设计
- c#怎样将object转换过程int型
- 143120-27-8,CYCLO(-D-TYR-ARG-GLY-ASP-CYS (CARBOXYMETHYL)-OH) SULFOXIDE
- java 记账本_Java项目之家庭收支记账软件
- 请领取你的免费云电脑:微软Windows实验虚拟机,每天可以免费使用两个小时,上Google搜资料很方便
- 阿里云服务器的端口有什么用,常用的端口有哪些,如何配置
- android远程shell命令行,Android ADB使用之详细篇(五)执行Shell命令