微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

Array的push与unshift方法性能比较分析_javascript技巧

php中文网
发布： 2016-05-16 18:09:49
原创
1738人浏览过

从原理就可以知道，unshift的效率是较低的。原因是，它每添加一个元素，都要把现有元素往下移一个位置。但到底效率差异有多大呢？下面来测试一下。
测试环境的主要硬件：CPU T7100（1.8G）；内存4G DDR2 667；硬盘5400转。主要软件：操作系统为Windows 7；浏览器为Firefox 3.6.9。测试代码：

码哩写作
码哩写作

最懂作者的AI辅助创作工具

码哩写作 91
查看详情 码哩写作
复制代码 代码如下:

var arr = [ ], s = +new Date;
// push性能测试
for (var i = 0; i 　　arr.push(i);
}
console.log(+new Date - s);
s = +new Date;
arr = [ ];
// unshift性能测试
for (var i = 0; i 　　arr.unshift(i);
}
console.log(+new Date - s);

这段代码分别执行了50000次push和unshift操作，运行一次以后，得出结果：
12
1152
可见，unshift比push要慢差不多100倍！因此，平时还是要慎用unshift，特别是对大数组。那如果一定要达到unshift的效果，有没有其他方法呢？答案是肯定的。
Array有一个叫做reverse的方法，能够把一个数组反转。先把要放进数组的元素用push添加，再执行一次reverse，就达到了unshift的效果。比如：
复制代码 代码如下:

for (var i = 0; i 　　arr.push(i);
}
arr.reverse();

reverse的性能又如何呢，下面再来测试：
复制代码 代码如下:

var arr = [ ], s = +new Date;
for (var i = 0; i 　　arr.push(i);
}
arr.reverse();
console.log(+new Date - s);

结果是：
12
可见，reverse性能极高，甚至于没有额外的消耗，可以放心使用。

大家都在看：

数码产品性能查询
数码产品性能查询

该软件包括了市面上所有手机CPU，手机跑分情况，电脑CPU，电脑产品信息等等，方便需要大家查阅数码产品最新情况，了解产品特性，能够进行对比选择最具性价比的商品。

下载
来源：php中文网
收藏 点赞
上一篇：始终在屏幕中间显示Div的代码(css+js)_javascript技巧 下一篇：JavaScript对象之间的转换 jQuery对象和原声DOM_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
js函数定义的三种方式 函数定义有三种方式：1.函数声明具有提升特性，可在声明前调用；2.函数表达式赋值给变量，常用于回调，不具完全提升；3.箭头函数语法简洁，无自身this，适合回调但不可作为构造函数。
2025-11-19 13:12:06
584
React组件条件类型Props：深度解析与实践 本文深入探讨了如何在React组件中定义基于条件依赖的Props类型，即一个Prop的类型根据另一个Prop的值动态变化。文章首先阐述了如何利用TypeScript的const断言和satisfies操作符精确地定义常量主题对象，避免类型拓宽。随后，详细介绍了两种核心策略：通过泛型和索引访问类型实现条件Props，以及通过映射类型构建联合类型来表达所有可能的Props组合，并提供了详细的代码示例和选择建议。
2025-11-19 13:09:07
966
JavaScript实现Indeed API分页数据高效获取教程 本教程详细阐述了如何使用JavaScript高效地从Indeed搜索API等分页接口获取所有可用数据。文章将介绍理解分页机制、利用async/await实现循环请求的核心逻辑，并提供一个健壮的代码示例，以迭代更新查询参数（如start和limit），聚合数据，直至所有结果被成功检索。同时，教程还将涵盖实际应用中的注意事项，如API响应解析、速率限制和错误处理。
2025-11-19 13:04:02
475
函数式编程_JS高阶函数应用 高阶函数是能接收或返回函数的函数，如map、filter、reduce，用于数据转换、筛选和累积计算，提升代码复用性与可读性。
2025-11-19 12:34:02
998
JavaScript安全实践_XSS与CSRF防护 防范XSS和CSRF需前后端协同：输入过滤与输出编码、CSP策略可防XSS；CSRFToken、SameSiteCookie及来源验证可阻CSRF，结合HTTPS与安全审计，构建多层防御体系。
2025-11-19 12:32:02
295
JavaScript反射机制_元属性访问控制 Proxy用于拦截对象操作，Reflect调用默认行为；通过二者结合可实现属性验证、私有属性模拟和不可变对象等访问控制，如set中校验赋值、get中阻止私有属性访问，从而实现精细化的对象行为管理。
2025-11-19 12:10:38
609
二进制操作：ArrayBuffer与TypedArray ArrayBuffer提供固定长度的二进制数据存储，TypedArray作为视图以特定格式（如Int32Array、Uint8Array）读写该数据，二者结合实现高效二进制操作，适用于文件读写、网络通信和音视频处理等场景。
2025-11-19 12:03:31
782
JavaScript移动开发_React Native桥接机制 ReactNative桥接是JS与原生通信的异步通道，通过序列化消息实现跨平台调用摄像头、GPS等功能，其核心由JS线程、原生线程、桥接层和原生模块组成，支持自定义模块扩展，但存在序列化性能开销，正逐步被JSI取代。
2025-11-19 11:20:37
302
JavaScript防抖节流_性能优化实战方案 防抖和节流是前端优化高频事件的两种手段：防抖通过延迟执行，仅在事件停止触发后执行一次，适用于搜索输入等场景；节流则保证在指定时间间隔内最多执行一次，适合滚动监听等频繁操作。两者核心区别在于执行时机与频率控制，合理选择可提升性能与用户体验。
2025-11-19 10:59:02
401
JavaScript类型检查_TypeScript接口设计 TypeScript的接口用于定义对象结构，支持属性、方法、函数类型约束、类实现及接口继承。通过静态类型检查提升代码质量与开发效率。
2025-11-19 08:58:31
769
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部