slice splice split 的区别

最近在做处理字符串和数组的js编程题，总是容易混淆slice、splice和split这三个js内置函数，所以今天不如来写篇文章好好地区分这几个函数。

一、slice

           对数组或者字符串进行部分截取，返回一个新的数组，不改变原来的数组。

           语法：arrayObject.slice(start,end)

           start：必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。

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

           用法：1.slice（parm1）：会截取从parm1开始到数组最后的元素

                      2.slice（parm1，parm2）：会截取从parm1到parm2-parm1个元素

                      3.如果两个参数中的任何一个是负数，就用数组的长度和参数相加返回一个正数

                      4.当传入两个参数为一正一负时，length也会先于负数相加后再截取

                      5.当传入一个参数时，大于或者等于length时，返回一个空数组  

var str="0123456789";
var newstr1=str.slice(3);
var newstr2=str.slice(2,6);
var newstr3=str.slice(-2);//10+(-2)=8,=>str.slice(8),从坐标8开始截取
var newstr4=str.slice(6,-3)//10+(-3)=7=>str.slice(6,7)
var newstr5=str.slice(12);
console.log("newstr1:"+newstr1);//newstr1:3456789
console.log("newstr2:"+newstr2);//newstr2:2345
console.log(newstr3);//89
console.log(newstr4);//6
console.log(newstr);//返回为空

                      

 

二、splice

该方法只能用于数组，添加或删除数组中的元素，然后返回被删除的元素，该方法会改变原数组

语法：arrayObject.splice(index,howmany,item1,......,itemx)

index：必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。

howmany：必需。要删除的项目数量。如果设置为 0，则不会删除项目。

item1,......,itemx：可选。向数组添加的新项目。

用法：

1.不删除 ，仅为原数组添加元素

var arr=[0,1,2,3,4,5,6,7,8,9];
var newarr1=arr.splice(2,0,'a');//返回删除元素组成的数组
console.log(newarr1);//[]  没有删除元素，故返回空数组
console.log(arr);// [0, 1, "a", 2, 3, 4, 5, 6, 7, 8, 9] 原数组发生改变，下标为2处添加了一个元素

2.删除元素，并在删除起始下标添加元素

var arr=[0,1,2,3,4,5,6,7,8,9];
var newarr1=arr.splice(2,3,'a','b');//返回删除元素组成的数组
console.log(newarr1);//[2, 3, 4] 
console.log(arr);//  [0, 1, "a", "b", 5, 6, 7, 8, 9]

3.仅删除，不添加

var arr=[0,1,2,3,4,5,6,7,8,9];
var newarr1=arr.splice(2,4);//返回删除元素组成的数组
console.log(newarr1);//[2, 3, 4, 5]
console.log(arr);// [0, 1, 6, 7, 8, 9]

  三、split 

             该方法把一个字符串分割为字符串数组，返回一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。但是，如果 separator 是包含子表达式的正则表达式，那么返回的数组中包括与这些子表达式匹配的字串（但不包括与整个正则表达式匹配的文本）。

             语法：stringObject.split(separator,howmany)

             separator：必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。

             howmany：可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

             用法：

              Tips  1.如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。

                       2.String.split() 执行的操作与 Array.join 执行的操作是相反的。

                      

var str='what a good day today!'
var newstr1=str.split();
var newstr2=str.split("");
var newstr3=str.split(" ");
var newstr4=str.split(" ",3);
console.log(str);//"what a good day today!" 经过一系列split处理后，原字符串不发生变化
console.log(newstr1);//["what a good day today!"]
console.log(newstr2);//["w", "h", "a", "t", " ", "a", " ", "g", "o", "o", "d", " ", "d", "a", "y", " ", "t", "o", "d", "a", "y", "!"]
                     //每个字符被分隔，组成新数组
console.log(newstr3);// ["what", "a", "good", "day", "today!"] 空格组成数组
console.log(newstr4);//["what", "a", "good"]  空格分隔，取数组前三项