区分slice()、splice()、split()、substring()方法

一、slice()

• slice()方法主要用于截取数组，并返回截取到的新数组。
• 数组和字符串对象均可以使用。
• arr.slice(start, end)
• start:必需。从原数组中的start位置开始截取（包括下标为start的元素）。如果是负数表示从尾部开始截取：-1表示最后一个元素
• end:可选。截取到指定的位置（不包括下标为end的元素）。如果没有指定，则指的是截取到最后一个元素。注意：end要大于start，否则截取不到元素。

•  注意：该方法是返回的一个新的数组，原数组没有做任何改变。

1.slice（数组）

var arr1 = ["a", "b", "c", "d", "e", "f"];
        var a = arr1.slice(0, 2); // a, b     从下标为0的位置开始截取，截取到下标2，但是不包括下标为2的元素. 原数组没有任何的变化
        var b = arr1.slice(1, 4); // b,c,d    
        var c = arr1.slice(2); //c,d,e,f      从下标为2的元素开始截取，一直到最后一个元素
        var d = arr1.slice(-5, -2); // b c d  从倒数第5个元素，截取到倒数第2个

        var a = [1, 2, 3, 4, 5, 6];
        var b = a.slice(3); //[4,5,6]  如果不传入参数二，那么将从参数一的索引位置开始截取，一直到数组尾

        var a = [1, 2, 3, 4, 5, 6];
        var b = a.slice(-6); //[1,2,3,4,5,6]  当只传入一个参数，是负数时,并且参数的绝对值大于数组length时，会截取整个数组
        var c = a.slice(-8); //[1,2,3,4,5,6]

        var a = [1, 2, 3, 4, 5, 6];
        var b = a.slice(6);　　 //[]   当传入一个参数，大于length时，将返回一个空数组

 

2.slice（字符串）

1 var a = "i am a boy";
2 var b = a.slice(0, 6); // i am a

二、splice(数组)

• splice()方法向/从数组中添加/删除元素，然后返回被删除的元素组成的数组。
• 用于数组对象。
• arr.splice(index, howmany, item1,…, itemX)
• index 必需。整数，规定了添加/删除元素的位置，使用负数可从数组结尾处规定位置。
• howmany 必需。要删除的元素的数量。如果设置为0，则不会删除元素。如果添加元素则这里应该设置为0.
• itemX 可选。向数组添加的新项目。在添加的时候用。

• 注意：这个方法会对原数组做出修改。获得的也是新数组。

删除元素

var arr1 = ["a", "b", "c", "d", "e", "f"];
        var deleted = arr1.splice(1, 2); //  因为第2个参数不为0，所以表示删除元素：从下标为1的位置开始删除，共删除2个元素
        alert(arr1); // a,d,e,f   原数组
        alert(deleted); // b,c    返回值为删除的元素组成的数组

 

添加元素

var arr1 = ["a", "b", "c", "d", "e", "f"];
        var v = arr1.splice(1, 0, "m", "n"); // 因为第2参数为0，所以表示添加元素：从下标为1的位置插入元素。其余的元素会自动向后移动
        alert(v.length); // 0  因为是添加元素，所以返回的数组长度为 0
        alert(arr1); // a,m,n,b,c,d,e,f

三、split(字符串)

• Split是切割字符串的一种方法，该方法主要用于把一个字符串分割成字符串数组。
• 用于字符串对象。
• s.split(separator, howmany)

• separator 必需。字符串或正则表达式，从该参数指定的地方分割s。
• howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度(一般情况下不设定这个参数).

 

• 注意：字符串是不可变的，因此本方法是产生新的字符串数组。

var str = "How do you do";
        alert(str.split(" ")) // 使用 " " 空格来切割字符串
        alert(str.split(""))
        alert(str.split(" ", 3))

四、substring(字符串)

• substring 方法用于提取字符串中介于两个指定下标之间的字符
• substring(start,end)
• start     必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。
• stop     可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数，那么返回的子串会一直到字符串的结尾。

• 注意：与 slice() 和 substring() 方法不同的是，substring() 不接受负的参数。

var str = "Hello world!"
        alert(str.substring(3)) //lo world!
        alert(str.substring(3, 7)) //lo w