数组 slice方法和splice方法的区别

牛译伟 2019-12-01 原文

一、slice() 方法

slice（）方法可以从已有的数组中返回选定的元素。

语法：

arrayObject.slice(start,end)

参数：

start：（截取开始位置的索引，包含开始索引）必须，规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。（-1指的是最后一个元素，-2指倒数第二个元素，以此类推）。

end：（截取结束位置的索引，不包含结束索引）可选，规定从何处结束选取。该参数是数组片段结束处的数组下标，如果没有指定该参数，那么切分的数组包含从 start（开始处）到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

返回值：

返回一个新的数组，包含从 start 到 end（不包含end的这个元素）的数组对象（arrayObject）中的元素。

注意：

1、slice 方法并不会修改数组，而是会返回一个子数组。如果想删除一段元素，应该使用方法Array.splice()

2、可以使用负值从尾部选取元素。

3、如果 end未被规定，那么 slice() 方法会选取从 start到数组结尾的所有元素。

实例：

使用slice() 方法选取已有数组中的元素

var arr=["大雪","小雪","霜降","立冬"]

console.log(arr.slice(1,3));

console.log(arr.slice(1));

console.log(arr.slice(-3,-1));

二、splice() 方法

splice() 方法可以用于插入、删除或是替换数组的元素。

语法：

arrayObject.splice(index,howmany,element1,.....,elementX)

参数：

index，必需，规定从何处添加或是删除元素。，该参数是开始插入和（或）删除的数组元素的下标，必须是数字。

howmany，必需。规定应该删除多少元素。必须是数字也可以是0，如果没有规定此参数，则删除从index 开始到原数组结尾的所有元素。

element1，可选，规定有添加到数组的新元素，从index所指的下标处开始插入。

elementX，可选，可向数组添加若干元素。

返回值：

如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。

注意：

1、splice() 方法可以删除从 index 处开始的0或多个元素，并且用参数列表声明中声明的一个或是多个值来代替或修改那些被删除的元素。

2、splice() 方法和 slice() 方法的作用是不同的，splice() 方法会直接对数组进行修改。

实例：

删除从 index 2 开始的三个元素，并添加一个新元素来替代被删除的元素

var arr=["大雪","小雪","霜降","立冬","寒露"]

arr.splice(2,3,"秋分");

console.log(arr);

创建一个新的数组，并且向里面添加元素

var arr = new Array(5)

arr[0] = "大雪"

arr[1] = "小雪"

arr[2] = "霜降"

arr[3] = "立冬"

arr[4] = "寒露"

arr.splice(4,0,"白露");

console.log(arr);

数组 slice方法和splice方法的区别的更多相关文章

Js slice()方法和splice()方法
1.slice(start,end) 从已有的数组中返回选定元素,参数start必填,end选填 <script> delArray(); function delArray(){ var ...
原生js中slice()方法和splice()区别
slice()方法和splice()方法都是原生js中对数组操作的方法. slice(),返回一个新的数组,该方法可从已有的数组中返回选定的元素.例如:arrObject(start,end),sta ...
ThinkPHP的D方法和M方法的区别
M方法和D方法的区别 ThinkPHP 中M方法和D方法都用于实例化一个模型类,M方法用于高效实例化一个基础模型类,而 D方法用于实例化一个用户定义模型类. 使用M方法如果是如下情况,请考虑使用 ...
M方法和D方法的区别
M方法和D方法的区别 ThinkPHP 中M方法和D方法都用于实例化一个模型类,M方法用于高效实例化一个基础模型类,而 D方法用于实例化一个用户定义模型类. 使用M方法如果是如下情况,请考虑使用 ...
JAVA反射中的getFields()方法和getDeclaredFields ()方法的区别
JAVA反射中的getFields()方法和getDeclaredFields ()方法的区别关于获取类的字段有两种方式:getFields()和getDeclaredFields().我们先来 ...
Exception 的 toString() 方法和 getMessage() 方法的区别
Exception 的 toString() 方法和 getMessage() 方法的区别: 在开发的过程中打印错误日志时尽量使用e.toString() 方法, 因为当错误为空指针时 e.getMe ...
ExtJS中listener方法和handler方法的区别
listener方法和handler方法的区别在文档中的说明的太玄乎了,看不懂 listeners监听能够对一个click Event事件添加任意多个的事件响应处理函数而handler处理只能够通过 ...
MongoDB save()方法和insert()方法的区别
MongoDB save()方法和insert()方法的区别首先看官方文档怎么说的 Updates an existing document or inserts a new document, d ...
问题：ExecuteNonQuery 与 ExecuteScalar 结果： ExecuteNonQuery方法和ExecuteScalar方法的区别
ExecuteNonQuery方法和ExecuteScalar方法的区别 ----ExecuteNonQuery():执行命令对象的SQL语句,返回一个int类型变量,如果SQL语句是对数据库的记录进 ...

随机推荐

HttpApplication的处理管道处理过程简单描述
在asp.net中,asp.net服务器对每次请求的处理过程都是相同的,都要经过HttpApplication的处理管道.管道内的处理过程是固定的,在服务器处理请求的各个阶段,伴随着处理的进行,依次触 ...
BZOJ2783: [JLOI2012]树
Description 数列提交文件:sequence.pas/c/cpp 输入文件:sequence.in 输出文件:sequence.out 问题描述: 把一个正整数分成一列连续的正整数之和.这 ...
socket.io 入门教程
转载自:http://deadhorse.me/nodejs/2011/12/29/socket.io_induction.html socket.io socket.io是一个以实现跨浏览器.跨平台 ...
D3D游戏编程系列（三）：自己动手编写即时战略游戏之寻路
说起即时战略游戏,不得不提的一个问题是如何把一个物体从一个位置移动到另一个位置,当然,我说的不是瞬移,而是一个移动的过程,那么在这个移动的过程中我们如何来规划路线呢,这就不得不提到寻路了. 我所了解到 ...
Android面试题整理(1)
1.Activity的生命周期 onCreate(Bundle saveInstanceState):创建activity时调用. onStart():activity可见时调用 ...
突击战（uva 11729）贪心
思路:就是把J大的放在前面.为什么这样贪心呢? 看看这个图 #include<iostream> #include<algorithm> #include<vector& ...
js数组歌
判断是不是数组,isArray最靠谱. 按照条件来判断,every/some给答案是否包含此元素,includes最快速. find/findIndex很相似,按条件给第一个值. indexOf/l ...
使用viewport中的vm来适配移动端页面
前言作为一个小前端,经常要和H5打交道,这就面临着不同终端的适配问题. Flexible方案通过Hack手段来根据设备的dpr值相应改变<meta>标签中viewport的值,给我更贴切 ...
20165304 2017-2018-2《Java程序设计》学习总结
20165304 2017-2018-2<Java程序设计>学习总结一.每周作业及实验报告链接汇总 1.我期望的师生关系 2.20165304学习基础和C语言基础调查 3.linux系统 ...
Silverlight中使用MVVM(3)—进阶
这篇主要引申出Command结合MVVM模式在应用程序中的使用我们要做出的效果是这样的就是提供了一个简单的查询功能将结果绑定到DataGrid中,在前面的基础上,这个部分相对比较容易实现了我们在 ...