Array.slice() 与 Array.splice() 的区别？

最新推荐文章于 2025-04-24 17:20:26 发布
原创 最新推荐文章于 2025-04-24 17:20:26 发布 · 361 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端

本文详细介绍了JavaScript中Array.slice()和Array.splice()两个方法的区别。Array.slice()用于无损地从数组中提取部分元素，不改变原始数组，而Array.splice()则可以用于删除或插入元素，直接修改原数组。了解这两个方法的用法和差异对于高效编程至关重要。

Array.slice() 与 Array.splice() 的区别？

slice

“读取”数组指定的元素，不会对原数组进行修改

  • 语法：arr.slice(start, end)
  • start 指定选取开始位置（含）
  • end 指定选取结束位置（不含）

splice

  • “操作”数组指定的元素，会修改原数组，返回被删除的元素
  • 语法：arr.splice(index, count, [insert Elements])
  • index 是操作的起始位置
  • count = 0 插入元素，count > 0 删除元素
  • [insert Elements] 向数组新插入的元素
Array.slice()与Array.splice()的返回值类型
01-21
最近做个练习,用到Array.slice()和Array.splice(),以前没有注意其返回值类型 Array.slice()返回Array — 一个由原始数组中某一范围的元素构成的数组。 Array.splice()返回Array — 包含从原始数组中删除的元素的...
Array.prototype.slice.apply的使用方法
12-10
`Array.prototype.slice.apply` 是 JavaScript 中的一个巧妙技巧，用于将 `arguments` 对象转换为一个真正的数组。在JavaScript中，`arguments` 是一个类数组对象，它包含了函数被调用时传入的所有参数，但并不是...
面试真题：JS中的Array.splice()和Array.slice()的区别?
qq_48233231的博客
02-16 568
splice()返回符合条件的数组,切会改变原数组,slice()返回符合条件的数组,不会改变原数组.splice()有删除替换插入元素的功能,slice(),splice()都有截取数组元素的功能.
Array.slice 与 Array.splice 的区别
AndreMao的博客
04-20 1026
Array.slice方法 接收两个参数： a：起始下标 b：结束下标 返回由 a（包括）至 b（不包括）的元素所组成的数组，若一个参数都不传，则返回由全部元素组成的数组。 该方法执行不影响原数组元素。 范例图： Array.splice方法 接收若干参数： a：起始下标 b：提取个数 …n：之后若干个是待插入的新元素 返回由从 a（包括）开始的 b 个元素组成的数组，并将 …...
js splice方法_JS中的Array.splice()和Array.slice()方法有什么区别？只有这2点
weixin_39644146的博客
12-03 340
例子var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];arr.slice(2, 7); // 2,3,4,5,6arr.splice(2, 7); // 2,3,4,5,6,7,8 第一个参数表示开始位置, 第二个表示截取到的位置(不包含该位置) slice(start, end) 第一个参数开始位置, 第二个参数截取长度 splice(start, length...
php array_slice和array_splice函数的区别
qq_36627117的博客
06-03 702
array_slice和array_splice函数是用在取出数组的一段切片，array_splice还有用新的切片替换原删除切片位置的功能。类似javascript中的Array.prototype.splice和Array.prototype.slice方法。 array_slice 1 array array_slice ( array $array , int $offset [, int $length = NULL [, bool $preserve_keys
JavaScript Array.splice()和slice()的区别
fyhjuyol的专栏
08-21 1064
splice()函数用于从当前数组中移除一部分连续的元素。如有必要，还可以在所移除元素的位置上插入一个或多个新的元素。该函数以数组形式返回从当前数组中被移除的元素。 该函数属于Array对象，IE 5.5+、FireFox、Chrome、Safari、Opera等主流浏览器均支持该函数。 语法 array.splice( start, deleteCount [,items... ]
js Array.slice的8种不同用法示例
01-19
前言 JS数组slice方法是JS语言中最强大、最常用的内建函数之一。 随着React和其他面向功能的JavaScript实践的兴起，它变得越来越重要，原因有两个: ...注意:slice 方法不要与splice方法混淆，splice方法会
JS的array.slice()和array.splice()的使用
YinghaoGuo的博客
07-20 6331
JS中有两个操作数组的函数：slice(start,end)和splice(start,length,insert_one,insert_two......)，估计其意义大家都懂，简单说一下： array.slice(start,end)函数是取array数组中指定的一些元素：根据数组下标start和end，两个参数为取值的开始和结束下标，取出的值不包括end位置的值，生成一个新数组作为
JS 中 Array.slice() 和 Array.splice()方法
weixin_30528371的博客
05-11 169
slice slice()就是对应String的substring()版本，它截取Array的部分元素，然后返回一个新的Array： 1 var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G']; 2 arr.slice(0, 3); // 从索引0开始，到索引3结束，但不包括索引3: ['A', 'B', 'C'] 3 arr.slice(...
join、split、slice、splice、substring、substr、unshift方法的使用
zzzz121380的博客
11-22 1071
join、split、slice、splice、substring、substr、unshift方法的使用 （1）join() 方法将数组作为字符串返回。 ​ 元素将由指定的分隔符分隔。默认分隔符是逗号 (,)。 ​ 注释： join() 方法不会改变原始数组。 语法 array.join(separator) 参数值 参数 描述 separator 可选。要使用的分隔符。如果省略，元素用逗号分隔。 技术细节 返回值： 字符串值，表示数组值，由指定
JS 数组操作的利器：splice() 和 slice() 方法详解
TianXuab的博客
10-28 5784
JavaScript中的数组操作是编程中常见的任务之一。splice()和slice()方法是两个非常有用的数组方法，可以帮助我们在数组中插入、删除、替换元素，以及提取子数组。在本篇博客中，我们将深入探讨splice()和slice()方法的用法，并提供一些实用的代码示例。
Array.slice和spilce的区别，看了忘，忘了又看，烦！
qq_40893035的博客
06-10 299
slice() 方法返回一个新的数组对象，这一对象是一个由 begin 和 end 决定的原数组的浅拷贝（包括 begin，不包括end）。原始数组不会被改变。 splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。 ...
如何利用splice（）和slice（）方法操作数组
杜永康的博客
05-09 1818
splice（）和slice（）都是JavaScript中操作数组的方法，到底怎么用？什么时候用？有什么区别？今天把这个问题搞清楚。
数组对象的slice和splice方法
热门推荐
琉夕东流
02-09 1万+
数组对象的slice和splice方法 之前被大神虐过一次，长长记性，专门把这两个方法拿出来做一个比较，本文仅做学习笔记使用，如有任何意见或建议欢迎在评论区指出。   slice 定义和用法 slice() 方法可从已有的数组中返回选定的元素。 语法 arrayObject.slice(start,end) 参数 描述 start 必需。
数组slice 和 splice方法
cqlcqlcui123的博客
04-21 878
0end。
JS Array 方法 | 区分 slice 和 splice
weixin_42479421的博客
04-24 2295
slice(起, 终)，切片 ，复制返回新数组不改原数组splice起, 删几个, 插入哪几个)增删改改原数组，返回被改后的原数组。
slice和splice的区别
hongkid的专栏
08-28 352
slice用于从数组中提取一部分元素，并返回一个新的数组。原数组保持不变。splice用于直接修改数组，可以用来删除、替换或添加元素。它会改变原数组，并返回一个包含被删除元素的新数组。
php中array_slice和array_splice函数解析
sunhaijingxiaohai的专栏
07-20 687
https://www.jb51.net/article/95001.htm
array.slice();
最新发布
11-26
<think> 我们被要求解释JavaScript中array.slice()方法的使用 根据引用[3]：Array.slice()方法返回指定数组的一个片段或子数组。它的两个参数分别指定了片段的开始和结束的位置。 引用[2]和[1]则提到了Array.prototype.slice.call()的用法，用于将类数组对象（如arguments）转换为数组并调用slice方法。 我们将从以下几个方面进行说明： 1. slice方法的基本用法 2. 参数说明（包括负数索引） 3. 不会修改原数组 4. 使用slice将类数组对象转换为数组 根据引用[3]和引用[4]的内容，我们可以详细说明。 注意：用户要求尽可能参考引用，并且在回答中引用段落末尾自然地添加引用标识。 我们将这样组织回答： 一、基本语法 二、参数详解（含示例） 三、注意事项 四、扩展应用（包括将类数组对象转为数组） 最后生成相关问题。 </think>### JavaScript 中 `array.slice()` 方法详解 `array.slice()` 是 JavaScript 数组的核心方法，用于提取数组片段而不修改原数组。以下是关键使用要点： #### 1. **基础用法** - **语法**：`array.slice(start, end)` - **参数**： - `start`：提取起始索引（包含） - `end`：提取结束索引（不包含，可省略） - **特性**： - 返回新数组，原数组不变 - 负索引表示从末尾倒数（如 `-1` 表示最后一个元素）[^3] ```javascript const fruits = ['🍎', '🍌', '🍊', '🍇', '🍓']; // 提取索引1到3（不含3） console.log(fruits.slice(1, 3)); // ['🍌', '🍊'] // 仅指定起始索引 console.log(fruits.slice(2)); // ['🍊', '🍇', '🍓'] // 负索引用法 console.log(fruits.slice(-3, -1)); // ['🍊', '🍇'] ``` #### 2. **特殊场景应用** - **复制整个数组**： ```javascript const copy = fruits.slice(); // ['🍎', '🍌', '🍊', '🍇', '🍓'] ``` - **获取数组首尾元素**： ```javascript const firstTwo = fruits.slice(0, 2); // ['🍎', '🍌'] const lastTwo = fruits.slice(-2); // ['🍇', '🍓'] ``` - **移除首个元素**： ```javascript const remaining = fruits.slice(1); // ['🍌', '🍊', '🍇', '🍓'] ``` #### 3. **类数组对象转换** 使用 `Array.prototype.slice.call()` 可将类数组对象（如 `arguments`）转为真实数组： ```javascript function listArguments() { // arguments 是类数组对象 const argsArray = Array.prototype.slice.call(arguments); console.log(argsArray); // ['A', 'B', 'C'] } listArguments('A', 'B', 'C'); ``` > 直接调用 `arguments.slice()` 会报错，必须通过原型链调用[^1][^2] #### 4. **注意事项** 1. **索引边界**： - 起始索引超范围 → 返回空数组 - 结束索引超范围 → 提取到数组末尾 ```javascript console.log(fruits.slice(10)); // [] console.log(fruits.slice(1, 10)); // ['🍌', '🍊', '🍇', '🍓'] ``` 2. **浅拷贝特性**： ```javascript const items = [{id: 1}, {id: 2}]; const sliced = items.slice(0, 1); sliced[0].id = 99; // 修改会影响原数组 console.log(items); // [{id: 99}, {id: 2}] ``` 3. **对比 `splice()`**： | 方法 | 返回值 | 是否修改原数组 | 参数含义 | |------------|-------------|---------------|-----------------------| | `slice()` | 新数组 | ❌ 否 | (起始索引, 结束索引) | | `splice()` | 被删除的元素 | ✔️ 是 | (起始索引, 删除数量) | --- ###
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小码哥・Martin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值