slice()和splice()区别

slice()

slice()方法：选取数组的一部分，并返回一个新数组

该方法不会改变原始数组，而是将截取到的元素封装到一个新数组中返回

语法：array.slice(start,end),参数的介绍如下：

1.start：截取开始的位置的索引，包含开始索引

2.end：截取结束的位置的索引，不包括结束索引；也可以省略不写，若省略慧姐去从开始索引往后的所有元素

3.索引值可以传递负值，传递负值就从后往前计算-1代表倒数第一个,-2代表倒数第一个和倒数第二个

1 var arr = ['aa','bb','cc','dd','ee','ff'];
2 console.log(arr.slice(1,4));   // 从索引1开始，截取到索引4，返回['bb','cc','dd']
3 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：可选项，要添加到数组的新元素

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

总结：

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