JS数组添加元素，push和unshift效率比较

已于 2023-12-20 16:22:56 修改
阅读量440 收藏 7
点赞数 6
分类专栏： 【JavaScript】 文章标签： javascript 数组 push unshift 添加元素
于 2023-12-20 16:18:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011439689/article/details/135111152
版权

结论：数组的push效率远高于unshift，所以某些场景下，头部添加元素时要用push，最后reverse()

验证代码：

console.time('aa')
let arrA = []
for (let i = 0; i < 100000; i++) {
    arrA.push(i)
}
arrA.reverse()
console.timeEnd('aa')

console.time('bb')
let arrB = []
for (let i = 0; i < 100000; i++) {
    arrB.unshift(i)
}
console.timeEnd('bb')

输出结果：

aa: 5.35ms
bb: 965.696ms

且心
关注
  • 6
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS数组push、unshift、pop、shift方法的实现与使用方法示例
10-15
主要介绍了JS数组push、unshift、pop、shift方法,结合实例形式分析了JS数组push、unshift、pop、shift方法针对数组添加、删除等相关操作技巧,需要的朋友可以参考下
JavaScript学习笔记：数组(三)【转】
weixin_30561177的博客
05-05 608
JavaScript是一种弱类型语言，不像其它程序语言需要严格定义数据类型。在JavaScript中数组可以任意修改变动，这样也就出现了一个问题，如果边遍历数组边操作数组（比如删除当前项，则所有之后的数组元素下标都将向前移动）是一件很危险的事情。 JavaScript的数组是一个拥有堆栈和队列自身优点的global对象。也就是说JavaScript数组可以表现的像栈(LIFO)和队列(FIFO)...
js 数组操作之pop,push,unshift,splice,shift
10-26
本篇文章主要介绍了js数组操作之pop,push,unshift,splice,shift。需要的朋友可以过来参考下，希望对大家有所帮助
Js数组的操作push,pop,shift,unshift等方法详细介绍
12-09
js中针对数组操作的方法还是比较多的，今天突然想到来总结一下，也算是温故而知新吧。不过不会针对每个方法进行讲解，我只是选择其中的一些来讲。 首先来讲一下push和pop方法，这两个方法只会对数组从尾部进行压入或弹出，而且是在原数组进行操作，任何的改动都是会影响到操作的数组。push(args)可以每次压入多个元素，并返回更新后的数组长度。pop()函数每次只会弹出最后一个结尾的元素，并返回弹出的元素，如果是对空组数调用pop()则返回undefined。 如果参数是数组则是将整个数组当做一个元素压入到原来的数组当中。并不会产生类似concat合并数组时产生的“拆分现象”，下面看例子 例1: v
来瞧一瞧unshift和push的用法及“性能“对比
qq_45932447的博客
01-06 2912
用法 unshift() ：向数组最前方添加一个或者多个元素，并且会返回新的数组长度。 shift() : shift()方法和unshift()方法相反。shift()把数组的第一个元素从其中删除，并返回被删除的值。如果数组是空的，将不进行任何操作，返回undefined。 push(): 向数组末尾添加一个或者多个元素，并返回新的长度。 pop(): 删除数组的最后一个元素，把数组的长度减1，并且返回它被删除元素的值，如果数组变为空，则该方法不改变数组，返回undefine值。 性能对比 从用法上
Javascript 中 Array.push 要比 Array.concat 快 945 倍
YunWisdom
04-19 621
[译] Javascript 中 Array.push 要比 Array.concat 快 945 倍！???????? 原文地址：Javascript Array.push is 945x faster than Array.concat ???????? 原文作者：Shi Ling 译文出自：掘金翻译计划 本文永久链接：github.com/xitu/gold-m… 译者：Xuyuey 校对者：钱俊颖,...
JS：数组Array的方法(增删改查)：push() 、pop() 、unshift()、 shift()、concat()、join()、reverse()、sort()
weixin_46682277的博客
03-04 529
push() 该方法可以向数组的末尾添加一个或多个元素，并返回新的长度。 可以将要添加的元素作为方法的参数传递，这样元素会自动添加到数组末尾。 该方法会将数组新的长度作为返回值返回。 var arr = ["炭治郎","弥豆子","善逸"]; // 创建变量接收新长度的返回值 var res = arr.push("伊之柱","香奈"); console.log(res); // 长度为5 pop() 该方法可以删除数组中末尾的元素，并将被删除的元素作为返回值返回。 var arr = ["炭治.
js数组的常见操作（ push、pop、unshift、shift、splice、concat、 join）的用法
蓝天白云
07-08 1万+
转载：https://blog.csdn.net/lily2016n/article/details/76974910 1、数组添加删除 头部或尾部（ push()、pop()、unshift()、shift() ） 例2、数组尾部添加push()方法可向数组的末尾添加一个或多个元素，并返回新的长度语法：arrayObject.push(newelement1,newelement2...
Array的push与unshift方法性能分析
mengzhongshi的专栏
02-22 631
Array的push与unshift方法都能给当前数组添加元素，不同的是，push是在末尾添加，而unshift则是在开头添加。从原理就可以知道，unshift的效率是较低的。原因是，它每添加一个元素，都要把现有元素往下移一个位置。但到底效率差异有多大呢？下面来测试一下。 测试环境的主要硬件：CPU T7100（1.8G）；内存4G DDR2 667；硬盘5400转。主要软件：操作系统为Wind
js 常用函数 push()、pop()、shift()、unshift()、slice()、splice() 等
u014212540的博客
05-26 1万+
js 常用函数 push()、pop()、shift()、unshift()、slice()、splice() 等
几种向数组中添加元素方法的性能比较
css_666的博客
11-29 4万+
引入:向一个数组中插入元素是平时很常见的一件事情。可以使用push在数组尾部插入元素,可以用unshift在数组头部插入元素,也可以用splice在数组中间插入元素。虽然这些方法虽然常用，但并不意味着没有更加高效的方法……1.向数组结尾添加元素最常用的当然是arry.push()方法,但是下面的方法效率更高:var arr = [1,2,3,4,5]; var arr2 = [];arr.push(
Javascript拼接字符串的效率比较:String.replace VS Array.push
weixin_34214500的博客
10-25 151
/** * 背景是因为发现同事拼JS字符串喜欢用模板（String.replace)，没错,用模板增加了可读性，* 但是相较于高效的Array.push然后Array.join("")拼接字符串而言，用replace有个性能问题。* 以循环1000次举例，ie下差距很大，ff下的Array.push也要快将近一倍。可运行下面的demo：* String.replace VS Array.pu...
【错误处理】:Uncaught SyntaxError: Invalid or unexpected token
热门推荐
且心的专栏
09-06 16万+
无效或意外的标记。 初学，肉眼凡胎，经验不足，瞅了半天才发现,原来是尖括号出的问题，>不同于＞，我滴神，确实一个大一个小。 此文就这么点。
JS小功能，鼠标经过标签时悬浮层提示+点击可复制文字
且心的专栏
05-19 1万+
两个JS小功能，鼠标经过标签时实现悬浮层提示，点击可复制文字。 小记以备忘。 比较简单，直接看代码了。O(∩_∩)O~ function returnMain() { window.returnValue = "====return from sub===="; window.close(); }
【问题处理】Vue.js is detected on this page. Open DevTools and look for the Vue panel.
且心的专栏
05-20 1771
问题 安装完Vue devtools后，重启了Chrome，但打开检查工具没发现对应的vue插件，提示 Vue.js is detected on this page. Open DevTools and look for the Vue panel. 处理 刷新下页面，再看 如果还不行，就按网上的改配置去吧。。。 ...
最近用到的JavaScript框架整理/学习
且心的专栏
06-06 580
最近在做前端项目,用到几个JavaScript框架,大概也是常用JS框架了吧。简单记录下其用途,从网上各个地方粘的,只为整理/学习。 JQuery jQuery 库包含以下特性： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities NodeJS Nod
【代码整理】JavaScript的寄生组合式继承
且心的专栏
03-23 538
代码源于《JavaScript高级程序设计》。 看书时感觉有点乱，遂把寄生组合式继承的代码稍稍整理一下，以备以后参考。 function object(o){ function F(){} F.prototype = o; return new F(); } function inheritPrototype(subT
js 中的数组 添加元素
最新发布
05-31
在 JavaScript 中，可以使用以下方法向数组中添加元素： 1. push() 方法：该方法将一个或多个元素添加到数组的末尾，并返回新数组的长度。 ```javascript let arr = [1, 2, 3]; arr.push(4); console.log(arr); // [1, 2, 3, 4] ``` 2. unshift() 方法：该方法将一个或多个元素添加到数组的开头，并返回新数组的长度。 ```javascript let arr = [2, 3, 4]; arr.unshift(1); console.log(arr); // [1, 2, 3, 4] ``` 3. splice() 方法：该方法可以在数组的任意位置添加或删除元素。它的第一个参数是插入或删除的起始位置，第二个参数是删除的元素个数，后面的参数是要添加到数组中的元素。 ```javascript let arr = [1, 2, 4]; arr.splice(2, 0, 3); console.log(arr); // [1, 2, 3, 4] ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值