数组移除头部元素最好的方式splice(0,1) VS shift()

最新推荐文章于 2024-12-26 15:19:36 发布
原创 最新推荐文章于 2024-12-26 15:19:36 发布 · 1.8k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

文章探讨了在JavaScript中移除数组第一个元素时，使用shift()方法与splice(0,1)方法的性能差异。shift()方法直接移动元素并返回被删除的值，而splice()方法除了移动元素外，还需创建新数组，因此在效率上shift()通常更高。对于删除数组首元素这一特定操作，shift()更为优化。

经常在移除数组第一个元素时会不由自主的纠结用哪个方法好 于是深入研究了一下这两种方式的原理

shift()使用

没有参数, 将数组的第一个元素从数组中移除并将其返回 会修改原数组

splice使用

接收三个及以上的参数, 对数组操作的起始索引,删除元素个数及要添加的元素(可以写多个) 会修改原数组

返回值区别:shift返回被删除的元素 splice返回的是被删除的元素装一个数组里

shift()具体实现

将数组的第一项赋值给firstItem 然后将后续元素的索引往前挪一位 删除最后一个元素 最后将firstItem返回

splice(0,1)具体实现

使用new Array()表达式创建一个新数组A() 将A[0] = array[0] 然后将array[0]后续元素往前挪一位 删除最后一个元素 最后将数组A返回

测试结果:

从数据来看shift()效率更高 从实现上也是 除了第一个元素之外元素的移动操作一样之外 splice要额外开辟一个数组A的空间将第一个元素赋值给A[0] 这部分的计算消耗是要比shift大的 虽然splice方法能力很强 但是对于删除数组第一个元素这个操作还是shift效率高

williamyi74
关注
数组的方法
qq_46516788的博客
10-10 1759
数组方法： 数组提供的方法有很多。为了方便起见，在博客中，我们将按组讲解
如何删除数组的第一个元素？
向着太阳迎着光
01-13 1540
数组是一种用于存储多个值的容器，它可以保存多个数据项，并通过索引来访问这些数据项。在 JavaScript 中，数组是最常用的数据结构之一，数组的元素可以是任意类型，包括基本数据类型和对象。shift()：修改原始数组，删除并返回第一个元素。slice()：返回一个新的数组，原数组不变。splice()：修改原始数组，删除指定位置的元素。根据需求，选择合适的方法来删除数组的第一个元素。在实际项目中，删除数组的操作常常与动态数据更新和用户交互紧密相关，合理地选择方法可以提升代码的可维护性和性能。
删除数组第一个元素
热门推荐
sanshuiwang
11-19 9万+
题目描述 删除数组 arr 第一个元素。不要直接修改数组 arr，结果返回新的数组 示例1 输入 [1, 2, 3, 4] 输出 [2, 3, 4] 第一种：：运用slice()的浅克隆去复制元素从第二个开始到最后一个 function curtail(arr) { var m = arr.slice(1);
Java 删除数组的头部元素，尾部元素，数组中的特定值
WYSCODER的博客
10-22 1825
删除数组的头部元素，尾部元素，数组中的特定值 例如，数组{1,2,3,3,6,4,5,6,6,6,6},删除头部元素，结果：{2,3,3,6,4,5,6,6,6,6} 数组{1,2,3,3,6,4,5,6,6,6,6},删除尾部元素，结果：{1,2,3,3,6,4,5,6,6,6} 数组{1,2,3,3,6,4,5,6,6,6,6},删除数组中元素6，结果: {1,2,3,3,4,5} package com.wysheng.src1; import java.util.Arrays; /** * @a
js数组的常用方法：在头部插入，删除，尾部插入，删除等等
浩星
12-20 5万+
前言： 数组常用方法整理 1、在数组末尾插入元素 arr.push(value)，在数组的末尾添加一个或多个元素，并返回数组的新长度。 例如： let arr=[1,2,3,4,5] var longth=arr.push(6,7); console.log(arr, longth); 数组的arr的值变为arr[1,2,3,4,5,6,7]; length接收返回的是修改后数组的长度7; 2、删除数组末尾的元素 arr.pop()删除索引值...
要求在数组头部删除一个数字
m0_46978034的博客
04-22 641
// 18.如何在数组头部删除一个数字 // 解决思路先把整体数组往前移动一个位置i-1这样就实现了整体数组往前移动一个位置，然后再删除数组中最后一个数值 数组.lenght--即可； var arr = [1, 2, 3, 4, 5] for (var i = 1; i < arr.length; i++) { arr[i - 1] = arr[i] } arr.length..
删除PHP数组中头部、尾部、任意元素的实现代码
10-20
这个函数会返回并移除数组的最后一个元素，使得数组长度减少1。如果数组为空或非数组，`array_pop()`将返回null。以下是一个使用`array_pop()`的例子： ```php header("Content-Type:text/html; charset=utf-8"); ...
js如何给一个数组移除元素？
最新发布
11-20
### JavaScript 数组移除元素方法详解 在 JavaScript 中，数组元素移除是常见操作，以下是 **6 种核心方法**及其特性： #### 1. `filter()` - 条件筛选（推荐） ```javascript const nums = [1, 2, 3, 4]; const ...
php数组函数序列之array_pop() – 删除数组中的最后一个元素
12-19
- `array_shift()`: 从数组头部移除第一个元素并返回其值，数组长度减一。 - `array_unique()`: 用于去除数组中的重复元素，返回一个包含唯一值的新数组。 - `array_keys()`: 返回数组中的所有键名。 - `array_...
js移除数组中某一个元素
06-25
方法1:使用splice()（需要知道索引）方法2:使用filter()（返回新数组，不改变原数组）方法3:使用delete操作符（会留下空位，不改变数组长度，不推荐）方法4:使用pop()和shift()（针对首尾元素）方法5:使用自定义函数...
在JS数组特定索引处指定位置插入元素的技巧
JSN___的博客
11-18 5076
在JS数组特定索引处指定位置插入元素的技巧 需求: 将一个元素插入到现有数组的特定索引处。听起来很容易和常见,但需要一点时间来研究它。 // 原来的数组 var array = ["one", "two", "four"]; // splice(position, numberOfItemsToRemove, item) // 拼接函数(索引位置, 要删除元素的数量, 元素) array.splice(2, 0, "three"); // array; // 现在数组是这个样子 ["one", "two"
pycharm定义空的二维数组_Maxscript之array（数组）用法
weixin_39884074的博客
11-16 422
Array是maxscript重要的数据类型，使用频率非常高，可以查看长度，排序，增加元素等操作01定义方式：#（）a02查看数组的长度a03查看某数组元素数据，maxscript索引号不是从零开始数，而是从1开始a04数组嵌套数组a05排序数组a06数组添加元素用法a 07append尾部增加元素a=#(1,2,3,4,5,6,7,8) append a 2--把2添加到a数组末尾08添加唯...
javascript Array系列函数之4：shift 删除数组头部元素
pig2007的博客
07-20 917
js Array的函数很多，比较实用，也比较容易遗忘。这里准备做一个系列，方便随时查看。
shift()方法 去除对象数组第一项
weixin_54063136的博客
04-26 533
方法，这将移除并丢弃数组的第一项（{name: 'John'}），然后数组现在变成。这个方法会删除并返回数组的第一个元素。但是请注意，这将改变原始数组。在JavaScript中，如果你想从一个数组中移除第一项，你可以使用。在这个例子中，我们首先定义了一个对象数组。
Array.shift() 删除数组的第一项
ron_wang_的博客
08-12 1万+
shift方法是删除数组的第一项 改变原数组 返回删除的值 var arr1 = [1, 2, 3, 4, 5, 6, 7, 8]; var returnArr = arr1.shift(); console.log(arr1); // [2, 3, 4, 5, 6, 7, 8] console.log(returnArr); // 1 ...
Python里面的数组移除第一个元素方法有哪些
weixin_44107140的博客
11-21 3356
需要注意的是，以上方法都会改变原始数组（列表），如果你需要保留原始数组，可以先将其复制一份再进行操作。你可以使用切片来获取从第二个元素开始到末尾的所有元素。方法来删除指定索引位置上的元素，并返回被删除的元素。语句来删除指定索引位置上的元素。
js 数组插入删除（首尾）
reembarkation的博客
12-26 201
js 数组插入删除（首尾）
splice 删除元素
weixin_38103152的博客
09-29 1481
var arr = new Array(6) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" arr[3] = "James" arr[4] = "Adrew" arr[5] = "Martin" 当splice方法只有一个参数时 为整数则代表要保留的数量 arr.splice(1) console ->George arr....
JS 删除数组中的第一项和最后一项
虎康的博客
09-05 1739
需求分析。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值