Abo

关于slice,split,splice的区别与用法

毫无疑问,slice,split,splice三大易混淆数组用法,笔试经常遇到


wallhaven-96g9yd

内容


        

slice

截取数组,返回截取到的新数组,不改变原有数组

arr.slice(start,end);

start:必需,从原数组的start位置开始截取(包括下标为start的元素)。start-为负数,表示从尾部开始截取。如-1表示最后一个元素,-2表示倒数第二个元素.

如果省略 begin,则 slice 从索引 0 开始。

end:可选,截取到的指定位置(不包括下标为end的元素)。没有指定,则截取到最后一个元素。end要大于start,否则截取不到元素

规则:

A、只传一个参数时,且是负数,且绝对值小于length,该负数会和length相加在截取

1
2
var a = [1,2,3,4];
var b = a.slice(-1); //b = [4] a = [1,2,3,4]

B、只传一个参数,且是负数,且绝对值大于大于等于length,则截取整个数组

1
2
var a = [1,2,3,4];
var b = a.slice(-4); //b = [1,2,3,4] a = [1,2,3,4]

C、只传一个参数,且是正数,且大于等于length,则返回空数组

1
2
var a = [1,2,3,4];
var b = a.slice(4); //b = [] a = [1,2,3,4]

D、只传一个参数,且是正数,小于length,从该参数的下标截取一直都数组尾

1
2
var a = [1,2,3,4];
var b = a.slice(1); //b = [2,3,4] a = [1,2,3,4]

E、传入两个参数,有负数(不管先后顺序,但结果必须保证第一个参数小于第二个参数才会截取到数值),负数先和length相加在截取

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var a = [1,2,3,4];
var b = a.slice(1,-1); //b = [2,3] a = [1,2,3,4]

var a = [1,2,3,4];
var b = a.slice(-2,3);
console.log(b) //[3]

var a = [1,2,3,4];
var b = a.slice(-2,-1);
console.log(b) //[3]

var a = [1,2,3,4];
var b = a.slice(-2,-3);
console.log(b) //[]

splice

从数组中添加、删除元素,改变原有数组,返回被删除的元素

img

删除元素

1
2
3
4
5
6
7
8

<script>
var arr = ['a','b','c','d'];
var delete = arr.splice(1,2) //从下标1开始,删除两个元素
console.log(arr); //a,d
console.log(delete) // b,c

</script>

添加元素

1
2
3
4
5
6
<script>
var arr = ['a','b','c','d'];
var delete = arr.splice(1,0,'e','f'); //0-表示没有删除元素
console.log(arr); // a,e,f,b,c,d
console.log(delete); //''-即返回空的数组,因为没有删除元素
</script>

split

用于把一个字符串切割为字符串数组,返回新的字符串数组,每个变量用”,“分隔,源字符串不改变

stringObject.split(seperator,howmany)

img



1
2
3
4
var str = ''how are?;
console.log(str.split('')); //h,o,w,a,r,e,? ( seperator = '',则把每个字符都分割)
console.log(str.split(' '));//how,are?
console.log(str.split(' ',1));//how