区分 split, splice, slice

区分 split, splice, slice

split是string类型特有的方法

var str = "bcadeafg";str.split("a");// ["bc", "de", "fg"]

splice是属于Array类型特有的方法

var arr = [1,2,3,4,5];删除元素：（删除index == 1位置处的1个元素）console.log(arr.splice(1, 1));// [2]（返回删除的数组）console.log(arr);// [1, 3, 4, 5]添加元素：（在index == 1的位置添加2个元素）console.log(arr.splice(1, 0, 2));// []console.log(arr);// [1, 2, 3, 4, 5]

slice方法string和Array都能用

var arr = [1,2,3,4,5];console.log(arr.slice(1,3));// [2, 3]console.log(arr);// [1, 2, 3, 4, 5]var str = "abcdefg";console.log(str.slice(1,3));// bcconsole.log(str);// abcdefg

当然，区分这三种方法仅仅是个引子

通过这三个方法，我自然就想到了concat方法
concat方法和slice方法一样，同样是string和Array都能用

var arr = [1,2,3];console.log(arr.concat(4,5));// [1, 2, 3, 4, 5]var str = "abc";console.log(str.concat("defg"));// abcdefg

////////////////////////////////////////////////////////////////////////////////////////////

说到这里又想到一个问题，就是在操作数组时哪些方法会对原数组进行修改，哪些不会呢？

这里作一个这方法的总结：

会修改原数组：
push, pop, shift, unshift, splice

会返回新的数组：
slice, concat

var arr = [1,2,3,4,5,8];console.log(arr.pop());// 5（返回被删除的最后一个元素）console.log(arr);// [1, 2, 3, 4, 5]console.log(arr.push(9));// 6（返回压栈后的数组长度）console.log(arr);// [1, 2, 3, 4, 5, 9]console.log(arr.shift());// 1（返回被删除的第一个元素）console.log(arr);// [2, 3, 4, 5, 9]console.log(arr.unshift(0));// 6（返回加入队头后数组的长度）console.log(arr);// [0, 2, 3, 4, 5, 9]console.log(arr.splice(1, 1));// [2]（返回删除的数组）console.log(arr);// [0, 3, 4, 5, 9]console.log(arr.splice(1, 0, 1, 2));// []（返回空数组）console.log(arr);// [0, 1, 2, 3, 4, 5, 9]console.log(arr.concat(10,11));// [1, 2, 3, 4, 5, 9, 10, 11]console.log(arr);// [1, 2, 3, 4, 5, 9]（说明concat并没有改变原来的数组）console.log(arr.slice(1,3));// [2, 3]console.log(arr);// [1, 2, 3, 4, 5, 9]（说明slice并没有改变原来的数组）

slice方法和concat方法用于字符串：

var str = "1234";console.log(str.concat("5678"));// 12345678console.log(str);// 1234（说明concat并没有改变原来的字符串）console.log(str.slice(1, 3));// 23console.log(str);// 1234（说明slice并没有改变原来的字符串）

总结：

1.专属于数组操作的方法：
push, pop, shift, unshift, splice

2.专属于字符串操作的方法：
split, substring, substr

3.数组和字符串公用的方法：
slice, concat

4.当slice, concat用于操作数组时，不改变原数组
当push, pop, shift, unshift, splice操作数组时，则会对原数组进行修改

5.同样当slice, concat用于操作字符串时，不改变原字符串
substring, substr这些方法操作字符串的时候同样不会改变原字符串