JS数组中的splice和slice方法的不同

本文深入讲解JavaScript中的splice()函数,该函数能从数组中移除指定数量的元素,并可同时插入新元素。文章覆盖了splice()的基本用法、参数解析、返回值说明以及通过实例演示如何使用此函数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

slice已经在上一篇文章中介绍过了链接

这里介绍一下splice:

splice()函数用于从当前数组中移除一部分连续的元素。如有必要,还可以在所移除元素的位置上插入一个或多个新的元素。该函数以数组形式返回从当前数组中被移除的元素。选取的是索引及长度 
返回的是选中的数据,原数组为剩下的数据

该函数属于Array对象,IE 5.5+、FireFox、Chrome、Safari、Opera等主流浏览器均支持该函数。

语法
array.splice( start, deleteCount,item1,item2,... )

参数 
   start Number类型数组中移除元素操作的起点索引,从0开始。
  deleteCount Number类型需要移除的元素个数。
items 可选参数/任意类型要添加到数组中元素被移除位置的新元素,可以有多个。
参数详细介绍 
  splice()函数一直从索引start开始,移除deleteCount个元素,直到数组的结尾。
  如果start为负,则将其视为length + start,此处length为数组的长度。  
  如果deleteCount为0或负数,则不会移除任何元素,并返回一个空数组。
  如果start >= length,则不会移除任何元素,返回一个空数组。
  如果参数items为数组类型(Array),仍会被当作一个元素看待,插入到当前数组中。
返回值 
splice()函数的返回值为Array类型,返回从当前数组中被移除的元素所组成的新的数组。如果没有移除,则返回空数组
例子

var arr = [1,2,3,4,5]
arr.splice(0,0,"a")
arr.splice(arr.length,0,"b");
console.log(arr);//['a',1,2,3,4,5,'b']
var arr = [1,2,3,4,5];
console.log(arr.splice(0,3));
console.log(arr)

负数的情况下也是一样的:


原文:https://blog.youkuaiyun.com/qq_34664239/article/details/80256856?utm_source=copy 

JavaScript中的数组有两个常用的方法slice splice。 1. slice 方法slice 方法是用于从数组中提取指定范围的元素,然后返回一个新的数组。它接受两个参数,即开始索引结束索引(不包括结束索引本身),如果省略结束索引,则会一直提取到数组末尾。原始数组不会被修改。 示例: ```javascript const fruits = ['apple', 'banana', 'orange', 'grape', 'kiwi']; const slicedFruits = fruits.slice(1, 4); // 从索引 1 到 4(不包括 4)提取元素 console.log(slicedFruits); // 输出:['banana', 'orange', 'grape'] const slicedFruits2 = fruits.slice(2); // 从索引 2 开始提取元素到数组末尾 console.log(slicedFruits2); // 输出:['orange', 'grape', 'kiwi'] console.log(fruits); // 输出原始数组,不受 slice 方法影响:['apple', 'banana', 'orange', 'grape', 'kiwi'] ``` 2. splice 方法splice 方法用于修改原始数组,它可以用于删除、插入或替换数组中的元素。它接受三个或更多参数,第一个参数是开始索引,第二个参数是需要删除的元素个数,之后的参数是要插入到数组的新元素(可选)。splice 方法会返回一个包含被删除元素的数组。 示例: ```javascript const fruits = ['apple', 'banana', 'orange', 'grape', 'kiwi']; const deletedFruits = fruits.splice(2, 2); // 从索引 2 开始删除 2 个元素 console.log(deletedFruits); // 输出:['orange', 'grape'] console.log(fruits); // 输出被修改后的数组:['apple', 'banana', 'kiwi'] fruits.splice(1, 0, 'pear', 'melon'); // 从索引 1 开始插入新元素 console.log(fruits); // 输出被修改后的数组:['apple', 'pear', 'melon', 'banana', 'kiwi'] fruits.splice(4, 1, 'mango'); // 从索引 4 开始替换一个元素 console.log(fruits); // 输出被修改后的数组:['apple', 'pear', 'melon', 'banana', 'mango'] ``` 希望这些示例能够帮助你理解 slice splice 方法的用法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值