前端性能优化:字符串的连接操作改进
来源:互联网 发布:卡拉菲珠宝骗局 知乎 编辑:程序博客网 时间:2024/05/29 14:56
在web开发中,避免不了字符串连接的操作,但字符串的连接操作性能高吗?
之前有不少文章说使用加号性能低下,建议使用数组的join操作。
测试代码:
var length = 300000; /*数组的 join*/ function Test1() { var date1 = new Date().getTime(); var t = []; for (var i = 0; i < length; i++) { t[i] = "name" + i; } arr.join(""); var date12 = new Date().getTime(); console.log("1Test" + ((date12 - date1))); } /*字符串 +操作*/ function Test2() { var date1 = new Date().getTime(); var t = ""; for (var i = 0; i < length; i++) { t += "name" + i; } var date12 = new Date().getTime(); console.log("2Test" + ((date12 - date1))); }
测试发现:在谷歌50中加号的操作比数组的join操作性能好,偏差两倍多。但在IE10中join操作性能比加号的操作性能好,偏差不到一倍。其实如果循环不是很大的话,偏差不是很明显。看来这个连接操作还是需要根据实际测试进行修改的。
微软参考文章
1 0
- 前端性能优化:字符串的连接操作改进
- 前端性能优化:数组操作的优化
- 前端性能优化:使用Array.prototype.join代替字符串连接
- 前端性能优化:DOM操作标签对性能的影响
- 前端性能优化:数组操作的优化二
- 几个优化字符串操作性能的技巧
- 前端性能的优化
- Web前端性能优化——使用Array.prototype.join代替字符串连接
- 前端性能优化:DOM操作性能优化建议
- 前端性能优化--DOM操作
- 前端性能优化(DOM操作篇)
- 关于前端的性能优化
- 前端性能优化的方式
- 前端性能优化的基础知识
- 前端性能优化的认识
- 前端性能优化的方法
- 改进 ASP 的字符串处理性能
- 连接字符串连接的性能
- 以传值方式传参数引发的栈溢出
- PostgresQL FDW 源码分析之 postgresBeginForeignScan()
- 编程中编码的由来
- ThinkPHP单字母函数(快捷方法)使用总结
- 【中间件2】在虚拟机搭建JStrom
- 前端性能优化:字符串的连接操作改进
- java环境变量配置
- [Java并发包学习五]CountDownLatch和CyclicBarrier介绍
- 编程技能
- Roman to Integer
- oracle 服务器
- SVN 和 GIT 新手快速学习方法 和Studio集成我遇到的问题
- Reverse String
- Landlords