js的slice，splice，split的使用

一、slice的使用（截取）

简介： slice 能够截取 字符串 或 数组，并返回一个新的 字符串 或 数组（不改变原字符串或数组）

注意：从 start下标 开始，保留到 end下标 的前一个结束，如果没有 end，就保留到最后一个字符结束。

功能一：截取字符串 str.slice(start,end)

let str = 'abcdefghijk'
// 截取下标 [2,5) 区间的字符串，左闭右开
let str2 = str.slice(2,5)
console.log(str2)         // cde

功能二：截取数组 arr.slice(start,end)

let arr = [1,2,3,4,5]
// 截取下标 [2,5) 区间的数组，左闭右开
let arr2 = arr.slice(2,5)  
console.log(arr2)   //[3, 4, 5]

二、 splice（数组拼接）

简介：splice 是一个专门用于 数组操作 的方法，堪称最强大的数组操作方法。它可以对数组中的元素进行删除、插入和替换。替换原数组，返回删除的元素数组。(改变原数组)

功能一：删除数组元素：

let arr = [1,2,3,4,5,6,7,8,9]
// 从 下标为 3 的项开始，依次向后删除 2 个元素，返回被删除的元素数组：[4, 5]，原数组改变为：[1, 2, 3, 6, 7, 8, 9]
let newArr=arr.splice(3,2)
console.log(arr)   //[1, 2, 3, 6, 7, 8, 9]
console.log(newArr)   //[4, 5]

功能二：删除并插入元素：

let arr = [1,2,3,4,5,6,7,8,9]
// 从 下标为 3 的项开始，依次向后删除 2 个元素，并将 'a', 'b', 'c' 添加到被删除的元素的位置。返回被删除的元素数组：[4, 5]，原数组改变为：[1, 2, 3, 'a', 'b', 'c', 6, 7, 8, 9]
arr.splice(3,2,'a','b','c')
console.log(arr)     //[1, 2, 3, 'a', 'b', 'c', 6, 7, 8, 9]

功能三：单纯插入数组：

let arr = [1,2,3,4,5,6,7,8,9]
// 从 下标为 3 的项开始，依次向后添加 'a', 'b', 'c' 等元素。返回被删除的元素数组：[]，原数组改变为：[1, 2, 3, 'a', 'b', 'c', 4, 5, 6, 7, 8, 9]
arr.splice(3,0,'a','b','c')
console.log(arr)     //[1, 2, 3, 'a', 'b', 'c', 4, 5, 6, 7, 8, 9]

三、split（分离）

简介： 以基于指定的分隔符将一个字符串分割成 多个子字符串，并将结果放在一个数组中（不改变原字符串）

split的使用要判断类型是否为字符串，不是字符串报错(arr || "").split(",")

功能一：将字符串以逗号隔开转成数组

let str = '1,2,3,4,5,6,7'
let arr=str.split(',')
console.log(arr)   // ['1', '2', '3', '4', '5', '6', '7']

例：将数组分成二维数组（4个为一组）

//分成三个数组，每个数组4个值
var data = ['a1','a2','a3','a4','b1','b2','b3','b4','c1','c2','c3','c4','d1','d2','d3','d4'];
var result = [];
for(var i=0,len=data.length;i<len;i+=4){
result.push(data.slice(i,i+4));
}
console.log(result)   
//  [Array(4), Array(4), Array(4), Array(4)]
//  [["a1","a2","a3","a4"],["b1","b2","b3","b4"],["c1","c2","c3","c4"],["d1","d2","d3","d4"]]