原生js中slice()方法和splice()区别

Posted 2021-01-01 itjeff

slice()方法和splice()方法都是原生js中对数组操作的方法。

 

slice()，返回一个新的数组，该方法可从已有的数组中返回选定的元素。例如：arrObject(start，end)，start是必选的。规定从何处开始选取，如果是负数，则是从数组元素尾部选取，也就是说-1指最后一个元素，-2指倒数第二个元素；end是可选元素。规定从何处结束选取。该参数没有，表示从开始位置截取到数组末尾，如果是负数，表示从数组末尾向前截取元素。该方法不会修改原数组，如果想删除数组中某一段元素，使用splice()方法。

 

splice()，数组中添加/删除元素。例如：arrayObject.splice(index,howmany,item1,.....,itemX)。index是必选的，规定添加/删除项目的位置。howmany必须项，表示删除项目的个数，如果为0表示不删除元素。splice()可删除从index开始的howmany个元素，并可以用item元素替代删除的元素。item可选参数，表示新添加的项。

用法如：

(1):

var arr = new Array(5);
arr[0] = "amy";
arr[1] = "elice";
arr[2] = "divi";
arr[3] = "lvy";
arr[4] = "marry";
arr.splice(1, 0, "willian");
console.log(arr);
//输出：amy，willian,elice,divi,lvy，在数组第一个位置增加一个元素，其值是"willian"
(2):

var arr = new Array(5);
arr[0] = "amy";
arr[1] = "elice";
arr[2] = "divi";
arr[3] = "lvy";
arr[4] = "marry";
arr.splice(1, 2, "willian");
console.log(arr);
//输出：amy，willian,lvy，从数组第一个位置起删除两个元素，并用新的元素“willian”代替删除的元素。