JavaScript slice() 和 splice()

2023-11-10

slice

slice:从已有的数组中返回选定的元素,返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

arrayObject.slice(start,end)
参数:
start:必须,规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
end:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

该方法并不会修改数组,而是返回一个子数组。

注释:可使用负值从数组的尾部选取元素。
注释:如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。

例子1:

let arr1 = new Array(1,2,3,4,5,6,7,8,9);
let arr2 = arr1.slice(4,7);
console.log(arr1);   
console.log(arr2); 

运行结果:
在这里插入图片描述

例子2:

let arr1 = new Array(1,2,3,4,5,6,7,8,9);
let arr2 = arr1.slice(4)
console.log(arr1);   
console.log(arr2); 

运行结果:
在这里插入图片描述

splice

splice() :向/从数组中添加/删除项目,然后返回被删除的项目。

arrayObject.splice(index,howmany,item1,…,itemX)
index:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany:必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, …, itemX :可选。向数组添加的新项目。

该方法会改变原始数组。

删除元素

splice(index,count)
参数:
index:开始位置的索引
count:要删除元素的个数
返回:返回的是包含被删除元素的数组对象

例子:

let arr1 = new Array(1,2,3,4,5,6,7,8,9);
let arr2 = arr1.splice(4,2);
console.log(arr1);   
console.log(arr2)

运行结果:
在这里插入图片描述
注意点:使用splice删除元素时,剩余的数组元素索引的顺序会改变,会出现数组塌陷。

插入元素

splice(index,0,插入的项)
参数
index:插入元素的索引值

从index为4的元素开始,删除 0 个,添加2个元素:

let arr1 = new Array(1,2,3,4,5,6,7,8,9);
let arr2 = arr1.splice(4,0,'apple','banana');
console.log(arr1);   
console.log(arr2); 

运行结果:
在这里插入图片描述

替换元素

例子:

let arr1 = new Array(1,2,3,4,5,6,7,8,9);
let arr2 = arr1.splice(2, 2, '									
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript slice() 和 splice() 的相关文章

随机推荐

Powered by Hwhale