原生JS中slice()与splice()方法的区别详解

slice()与splice()方法概述

在原生JavaScript中，slice()和splice()都是用于操作数组的内置方法。许多开发者容易混淆这两个方法的具体用途和效果。本文将通过简要介绍和代码示例，清晰阐述它们之间的核心区别。

slice()方法详解

slice()方法的主要功能是返回一个新数组，该新数组包含从原数组中选定的一部分元素。其语法为arrObject(start, end)，其中start参数是必需的，用于指定开始选取的位置。如果start为负数，则从数组末尾开始计算，例如-1代表最后一个元素，-2代表倒数第二个元素。end参数是可选的，用于指定结束选取的位置。若省略end参数，则截取从start位置到数组末尾的所有元素；若end为负数，则从数组末尾向前计算结束位置。需要注意的是，slice()方法不会修改原始数组。如果需要对数组进行元素的删除或替换操作，应使用splice()方法。

splice()方法详解

splice()方法用于向数组中添加或删除元素。其语法为arrayObject.splice(index, howmany, item1, ..., itemX)。其中，index参数是必需的，指定添加或删除元素的起始位置；howmany参数也是必需的，指定要删除的元素数量，若设置为0则表示不删除任何元素。splice()方法可以删除从index位置开始的howmany个元素，并可以使用后续的参数item1等来替代被删除的元素。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”代替删除的元素。

以上介绍了原生JavaScript中slice()和splice()方法的区别，希望能对大家有所帮助。如有任何疑问，欢迎留言讨论，小编会及时回复。感谢大家对本站的支持！