1.电脑系统 windows10专业版
2.在开发的过程中,我们总是会根据各种的需求使用到javascript,下面我来分享一下 javascript中 slice和splice方法的使用以及一些总结,希望对你有所帮助!
3.什么是slice?
slice():用于创建一个包含原有数组中 一个或多个元素的新数组。slice()方法可以接受一个或两个参数:返回元素的开始索引和结束索引。如果只有一个参数,则 slice()会返回该索引到数组末尾的所有元素。如果有两个参数,则 slice()返回从开始索引到结束索引对应的所有元素,其中不包括结束索引对应的元素。记住,这个方法不影响原始数组。3-1.举例:
let chenarr1=[1,2,3,4,5,6]
let chen=chenarr1.slice(1);
console.log(chen); //[2,3,4,5,6]
如果有两个参数:
第一个参数是开始下标(包含),第二个参数是结束下标(不包含)。3-2：举例:
let chenarr1=[1,2,3,4,5,6]
let chen=chenarr1.slice(1,4);
console.log(chen); //[2,3,4]3-3:如果两个参数为负数并且第一个参数大于第二个参数,得到的是一个空数组,(原因:如果参数为负数,会拿上数组的长度+负的参数,然后得到对应的值)
举例:
let chenarr1=[1,2,3,4,5,6]
let chen=chenarr1.slice(-1,-2);
console.log(chen);
// [] 得到空数组,原因是:如果参数为负数,那么就以数的长度+这个参数的结果为下标,如果结束位置小于开始下标,则返回空数组。 从这个例子相当于是:-1+6=5 ; -2+6=4; 问的是 从下标5到下标4,结果是:无。这个相当于问的是:1-2-3-4,数字1的后面为什么是2不是不是0?
如果,把参数-1,-2换一下位置,结果就不一样了。
如下:
let chenarr1=[1,2,3,4,5,6]
let chen=chenarr1.slice(-2,-1); // [5]
//这个相当于问的是:从下标4到下标5,结果为5,所以得到的是: [5] 。
console.log(chen);4.什么是splice?
splice() //会修改原数组,前包含后包含
删除:需要给 splice()传2个参数:要删除的第一个参数的位置和要删除的元素数量。可以从数组中删除任意多个元素,比如 splice(0,2)会删除前面两个元素。4-1:splice();如果参数是两个,第一个参数表示从某个下标开始,第二个参数表示眼删除的元素数量,并返回被删除的元素。
举例一:
let chenarr1=[1,2,3,4,5,6];
let chen=chenarr1.splice(1,2);
console.log(chen); // [2,3]
console.log(chenarr1); // [1,4,5,6]4-2:如果只有一个参数,表示从数组的第一个元素开始,到这个参数。
举例二:
let chenarr1=[1,2,3,4,5,6]
let chen=chenarr1.splice(2);
console.log(chen); // [3,4,5,6]
console.log(chenarr1); // [1,2] 返回删除的元素,改变了原数组4-3:插入:如果参数是三个:开始位置\0(要删除的元素数量)和要插入的元素,可以在数组中指定的位置插入元素。第三个参数之后还可以传第四个\第五个,乃至任意多个要插入的元素。比如,splice(2,0,"red",gree)会从数组位置2开始插入字符串 "red" 和 "green"。
// 举例:
let chenarr1=[1,2,3,4,5,6]
let chen=chenarr1.splice(1,0,"我是插入的");
参数表示:参数一:从某个下标开始,参数二:删除的数量,参数三:插入的元素
console.log(chen); [2] //返回删除的元素
console.log(chenarr1); // [1,"我是插入的",2,3,4,5,6]4-4:替换:splice()在删除元素的同时可以在指定位置替换元素,同样要传入 3 个参数:开始位
置、要替换元素的数量和要替换元素的数量(要替换几个元素)。
举例:
let chenarr1=[1,2,3,4,5,6]
let chen=chenarr1.splice(1,2,"我是替换你的"); // 从下标 1 开始替换,替换 2个元素,所以得到的结果是 :[1,'我是替换的你的',4,5,6]
console.log(chen); // [2,3]
console.log(chenarr1); // [1,'我是替换的你的',4,5,6]举例:
let chenarr1=[1,2,3,4,5,6]
let chen=chenarr1.splice(1,1,"我是替换你的"); // 从下标 1 开始替换,替换 1个元素,所以得到的结果是 :[1,'我是替换的你的',3,4,5,6]
console.log(chen); // [2]
console.log(chenarr1); // [1,'我是替换的你的',3,4,5,6]5.本期的分享到了这里就结束啦,是不是很nice,希望对你有所帮助,不要低头,不要认输,相信自己,让我们一起努力走向巅峰!