1、传统上，字符串连接一直是js中性能最低的操作之一。
var text="Hello";
text+=" World!";
早期浏览器没有对这种运算进行优化。
由于字符串是不可变的，这意味着要创建中间字符串来存储连接的结果。频繁地在后台创建和销毁字符串导制性能异常低下。
2、发现这一点后，开发者们利用数组对象进行优化。
var buffer=[],i=0;
buffer[i++]="Hello";//通过相应索引值添加元素比push方法快
buffer[i++]=" World!";
var text=buffer.join("");
在早期的浏览器中，没有创建和销毁中间字符串，在大量字符串连接情况下，这技术已被证明远快于使用加法方式。
3、如今浏览器对字符串的优化已经改变了字符串相连的局面。
Safari、Opera、Chrome、Firefox和IE8都在使用加法运算符上表现出了更好的性能。但是，IE8之前的版本没有优化，因此数组方法依然有效。
这并不意味着字符串相连时我们要进行浏览器检测。在决定如何连接时要考虑的是字符串的大小和数量。
1）当字符串相对较小（2）增加字符串数量或大小时，IE7中性能会明显下降。
3）字符串大小增加时，Firefox中加法运算符和数组成技巧性能差异会变小。
4）字符串数量增加时，Safari中加法运算符和数组成技巧性能差异会变小。
5）改变字符串数量或大小时，Chrome和Opera中加法运算符一直保持领先优势。
所以，由于在各浏览器下性能不一致，选用技术取决于实际情况和面对的浏览器。
大多数情况下，加法运算符是首选；如果用户主要使用IE6或7，并且字符串大小较大或数量较多时，那么数组技术就很值得。
0
0
数组方法解决JS字符串连接性能问题有争议_javascript技巧
php中文网
发布时间：2016-05-16 18:12:02
|1110人浏览过
|来源于php中文网
原创
相关文章
JavaScript中对象属性的遍历顺序与Symbol处理
JavaScript中Object-assign合并对象的覆盖规则详解
JavaScript语法解析错误SyntaxError的常见诱因排查
JavaScript中Object-entries在对象迭代中的高级用法
JavaScript 中计算两个对象数组对应字段的百分比差异（方差）
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
多环境下的 Nginx 安装、结构与运维实战
本专题聚焦多环境下Nginx实战，详解开发、测试及生产环境的差异化安装策略与目录结构规划。深入剖析配置模块化设计、灰度发布流程及跨环境同步机制。结合监控告警、故障排查与自动化运维工具，提供全链路管理方案，助力团队构建灵活、高可用的Nginx服务体系，从容应对复杂业务场景挑战。
1
2026.03.17
Nginx 基础架构：从安装配置到系统化管理
本专题深入解析Nginx基础架构，涵盖从源码编译与包管理安装，到核心配置文件优化及虚拟主机部署。进一步探讨日志轮转、性能调优、高可用集群构建及自动化运维策略，助力管理员实现从单一服务搭建到企业级系统化管理的全面升级，确保Web服务高效、稳定运行。
4
2026.03.17
源码编译安装Nginx详解：模块选择、依赖准备与常见错误排查
本专题详解Nginx源码编译全流程：从GCC、OpenSSL等依赖准备，到按需定制HTTP/SSL/流媒体模块的configure参数策略。深入剖析“缺少库文件”、“配置选项冲突”及“权限错误”等常见报错，提供精准排查思路与解决方案。助您掌握灵活构建高性能、定制化Nginx的核心技能，满足复杂生产环境需求。
1
2026.03.17
Linux环境安装Nginx全流程：apt、yum与源码编译方式深度实操
本专题深度实操Linux下Nginx三大安装方式：apt/yum包管理器快速部署，适合新手与标准化运维；源码编译灵活定制模块，满足高性能与特殊需求场景。内容涵盖环境准备、依赖安装、配置优化及平滑升级策略，对比各方案优劣，助您根据业务场景选择最佳实践，构建稳定高效的Web服务基石。
6
2026.03.17
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章
