数组中splice和slice的区别

最近比较忙,好久没来了,吐舌头今天跟大家分享下数组中splice和slice的区别

首先splice是什么那?

splice()方法是用于插入、删除或者是替换数组中的元素。

用法

splice(index,howmany,[item1,item2...])

表示在index处删除howmany个元素,并可以在此处添加n个元素

当index和howmany都为0时,即从首位添加n个元素

当参数中只有index,howmany时表示从index处删除howmany个元素

当参数中只有index时,表示从index处删除到最后一个元素

当参数为负数时,最后一位数就是-1,倒数第二个数就是-2,以此类推

代码如下

<script>
    var a=[1,2,3,4,5,6];
    a.splice(2,2,[6,7,8]);
    alert(a);
</script>

其次slice是什么那?

slice是用于提取字符串中的一部分,并以新的字符串返回被提取的部分

slice参数(start,end)

表示从start开始截取到end,且不包括end,对数组不会产生任何影响

若只有start,则表示从start开始截取,截取到最后一位

若start为负数时,则从最后一位开始算起,最后一位数就是-1,倒数第二个数就是-2,以此类推

当start为0时,表示克隆一个新的数组,且两个数组互不影响。

var newarray=array.slice(0);

代码如下

<script>
    var a=[1,2,3,4,5,6];
    var one=a.slice(1,2);
    console.log(one);
    var two=a.slice(-1);
    console.log(two);
    var newa=a.slice(0);
    console.log(newa);
</script>


在 JavaScript 中,`splice()` `slice()` 是数组对象的两个常用方法,它们的功能行为存在显著差异。 ### `slice()` 方法 `slice()` 方法用于从数组中提取一段子数组,并返回一个新的数组。它不会修改原数组,而是返回一个副本。该方法接受两个参数:`start` `end`(可选),分别表示提取的起始位置结束位置(不包含 `end` 位置的元素)。如果省略 `end`,则提取到数组末尾。负数索引可以表示从数组末尾倒数,例如 `-1` 表示最后一个元素 [^3]。 ```javascript const arr = [1, 2, 3, 4, 5]; const subArr = arr.slice(1, 3); console.log(subArr); // [2, 3] console.log(arr); // [1, 2, 3, 4, 5] (原数组未被修改) ``` ### `splice()` 方法 `splice()` 方法用于修改数组的内容,可以删除、插入或替换元素。它会直接修改原数组,并返回一个包含被删除元素的新数组。此方法接受多个参数:`start`(修改的起始位置)、`deleteCount`(要删除的元素个数),以及可选的 `item1, item2, ...`(要添加的新元素)。如果不指定 `deleteCount`,则 `splice()` 只会从 `start` 位置开始删除元素 [^1]。 ```javascript const arr = ["张", "刘", "理想"]; const removed = arr.splice(2, 0, "增加的内容"); console.log(arr); // ["张", "刘", "增加的内容", "理想"] console.log(removed); // [] (未删除元素) ``` ### 主要区别 1. **对原数组的影响**: - `slice()` 不会修改原数组,仅返回一个新数组 [^2]。 - `splice()` 会直接修改原数组,并返回被删除的元素组成的数组 [^5]。 2. **功能差异**: - `slice()` 仅用于提取数组的一部分,适用于需要保留原数组不变的场景 [^3]。 - `splice()` 用于增删改操作,支持删除、插入或替换元素,适用于需要直接修改数组内容的场景 [^1]。 3. **参数处理**: - `slice()` 接受两个参数(`start` `end`),用于定义提取范围 [^3]。 - `splice()` 接受至少两个参数(`start` `deleteCount`),还可以添加新元素 。 4. **返回值**: - `slice()` 返回提取的子数组 [^3]。 - `splice()` 返回被删除元素的数组 。 ### 使用场景 - 如果需要从数组中提取部分数据而不影响原数组,应使用 `slice()` [^2]。 - 如果需要对数组进行增删改操作,应使用 `splice()`,但需要注意其对原数组的影响 。 ### 示例代码 #### `slice()` 示例 ```javascript const arr = [1, 2, 3, 4, 5]; const subArr = arr.slice(1, 3); console.log(subArr); // [2, 3] console.log(arr); // [1, 2, 3, 4, 5] (原数组未被修改) ``` #### `splice()` 示例 ```javascript const months = ['Jan', 'March', 'April', 'June']; months.splice(1, 0, 'Feb'); console.log(months); // ["Jan", "Feb", "March", "April", "June"] months.splice(4, 1, 'May'); console.log(months); // ["Jan", "Feb", "March", "April", "May"] ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值