slice() 和splice()的区别

slice()

slice()方法： 选取数组的一部分，并返回一个新数组
该方法 不会改变元素数组，而是将截取到的元素封装到一个新数组中返回
语法： array.slice(start,end) ,参数的介绍如下：

1. start: 截取开始的位置的索引，包含开始索引
2. end: 截取结束的位置的索引，不包含结束索引；也可以省略不写，若省略会截取从开始索引往后的所有元素
3. 索引值可以传递负值，传递负值就从后往前计算 -1代表倒数第一个 -2代表倒数第二个

var arr = ['aa','bb','cc','dd','ee','ff'];
console.log(arr.slice(1,4));   // 从索引1开始，截取到索引4，返回['bb','cc','dd']
console.log(arr)  //原数组 ['aa','bb','cc','dd','ee','ff'];

splice()

splice()方法，插入、删除或替换数组的元素。这种方法会改变原数组
语法： array.splice(index,howmany,item1,…,itemX)，各个参数的含义如下：

1. index: 必须项，规定从何处添加、删除元素；
2. howmany： 可选项，规定应该删除多少元素；如果为0，则不删除项目；若不写，默认删除到结尾的所有元素。
3. item1…itemX : 可选项，要添加到数组的新元素

var arr = ['a','b','c'];
// 从下标1开始删除 0个元素
console.log(arr.splice(1,0))   // 返回的新数组是 []
console.log(arr)    // 改变了原数组 ['a','b','c']
// 从下标1开始删除一个元素
// console.log(arr.splice(1,1))  //返回的新数组是 ['b']
// console.log(arr)   // 改变了原数组 ['a','c']
// 从下标1开始，删除0个，添加2个元素'hello','world'
// console.log(arr.splice(1,0,'hello','world'))  // 返回的新数组为[]
// console.log(arr)   // 改变了原数组['a', 'hello', 'world', 'b', 'c']

总结

1. slice() 方法，不会改变原数组； slice() 方法不仅可以操作字符串也可以操作数组
2. splice() 方法，会改变原数组；splice() 方法只能操作数组