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

javascript string字符串优化问题_javascript技巧

php中文网
发布： 2016-05-16 18:04:22
原创
1227人浏览过
复制代码 代码如下:





test






结果不像一般的说法，用array会快。在ie9,8。ff,google,搜狗等ie核心的浏览器下测试了一下，确实在数量级100000以上的测试中array方法比用“+”的方法会慢。
1000000次的结果
ie第一次（大概，ie复制不了，图就不截了）
复制代码 代码如下:

array所用时间 890
str连接所用时间 450

ie可能是内存没有回收第二次点会弹出警告，并且时间用到1400和1200，点多几次后，+=的连接方式耗时回到400，难倒是array对象没有回收？打开任务管理器，再刷新一次ie浏览器，内存降了100多m，应该研究一下ie的javascript内存回收机制。
ff
复制代码 代码如下:

时间1: 1312102053720
时间2 1312102053842
时间3 1312102053882
array所用时间 122
str连接所用时间 40

google（也复制不了数据）
array所用时间 200
str连接所用时间 100
opera
时间1: 1312102258270
时间2 1312102258460
时间3 1312102258592
array所用时间 190
str连接所用时间 132
顺便说一下，在数据到5000000后ff抛出了个异常，应该是内存溢出了。。。（ps，不是很懂）
错误： uncaught exception: 8.375396749959738e-274
在ie下测试果断警告，再后来out of memory。
当然怎么大的数据连接，在现在的网页是不可能出现，数据处理应该是在后台做的。老师的主机不敢装这么多浏览器
其实是array的jion，太消耗时间。没有加入这一句之后opera，google就显示出array的优势：
opera结果：
复制代码 代码如下:

时间1: 1312101715553
时间2 1312101715622
时间3 1312101715749
array所用时间 69
str连接所用时间 127
[code]
ie结果
array所用时间700
str连接所用时间500
ff
[code]
时间1: 1312101925895
时间2 1312101925945
时间3 1312101925979
array所用时间 50
str连接所用时间 34

google
array所用时间17
str连接所用时间100
去查查jion的机制再写吧。
ps：浏览器版本
google12.0.742.122
ff5.0.1
opera11.50
ie8.0.6001.18702
pss：ie处理速度不给力

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法_jquery 下一篇：js中使用DOM复制（克隆）指定节点名数据到新的XML文件中的代码_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JavaScript性能监控_Lighthouse自定义指标 Lighthouse自定义指标是通过UserTimingAPI在页面中插入以user-开头的mark和measure，用于监控特定业务逻辑耗时。开发者可在性能报告中查看这些指标，结合CI/CD实现持续性能追踪，确保关键路径性能可控可优化。
2025-11-24 13:35:11
972
生成随机密码时避免“undefined”输出的调试指南 本教程旨在解决JavaScript随机密码生成器中常见的“undefined”输出问题。核心在于纠正对字符池长度的错误引用，避免将数字类型的变量误作数组处理。文章将详细分析错误原因、提供正确的代码实现，并探讨相关最佳实践，确保生成器稳定可靠。
2025-11-24 13:33:56
885
如何在LangChain.js中追踪LLM的Token消耗与成本 本文详细介绍了在LangChain.js应用中追踪OpenAI模型Token消耗和计算成本的方法。针对LangChain.py中get_openai_callback()在JS框架中缺失的问题，文章提出并演示了利用ChatOpenAI实例的callbacks属性，特别是handleLLMEnd回调函数来捕获每次LLM调用后的tokenUsage数据。通过累加这些数据，开发者可以有效监控和管理链式运行中的资源消耗。
2025-11-24 13:10:31
136
JavaScript密码生成器undefined错误调试与优化指南 本教程详细探讨了JavaScript密码生成器中常见的undefined输出问题，重点分析了随机索引计算和字符串拼接逻辑中的错误。文章提供了精确的修正方案，包括使用正确的数组长度属性和字符串累加操作，并进一步提出了优化建议，旨在帮助开发者构建一个功能完善、健壮可靠的随机密码生成器。
2025-11-24 13:10:14
377
JavaScript：利用 flatMap 高效生成按指定次数重复元素的数组 本教程将详细介绍如何使用JavaScript高效地根据两个关联数组生成一个新数组。其中一个数组包含重复次数，另一个数组包含对应的值。我们将重点利用Array.prototype.flatMap()方法，结合Array(count).fill(value)技巧，以简洁、声明式的方式实现元素按指定次数重复，从而避免传统循环的复杂性，提升代码可读性和效率。
2025-11-24 12:56:30
733
JavaScript访问者模式_数据结构遍历操作 访问者模式通过分离数据结构与操作实现解耦，适用于树形结构如AST或DOM的多种遍历场景。其核心是元素类提供accept方法接收访问者，访问者实现visit方法对不同元素执行具体操作。例如在表达式树中，可通过EvaluateVisitor计算值、PrintVisitor打印表达式，新增操作无需修改节点类，只需扩展访问者。优点是易扩展、操作集中，缺点是节点类型变动时需更新所有访问者。该模式在JavaScript中适合构建解析器或编译器，提升代码可维护性。
2025-11-24 12:55:44
510
JavaScript中正确实现随机数生成与条件分支：以FNF模组为例 本教程旨在解决JavaScript中随机数生成与switch语句使用时的常见误区。我们将深入探讨Math.random()的正确用法、如何生成指定范围内的整数，以及switch语句的正确匹配逻辑。通过一个FNF模组中随机跳杀图片选择的实际案例，我们将展示如何编写健壮、高效且易于维护的动态内容随机化代码，避免因大小写敏感和语法错误导致的程序异常。
2025-11-24 12:50:08
152
如何将表格操作按钮移至外部并保持功能 本文将指导您如何将HTML表格中用于操作（如“添加”）的按钮从表格内部结构中移出，并放置在表格下方，同时确保其JavaScript功能能够正常运作。核心在于调整HTML结构，并优化JavaScript代码，使其能够通过明确的DOM选择器（如ID）来定位和操作表格元素，而非依赖按钮自身的相对位置，从而实现UI与逻辑的分离，提升代码的可维护性和用户体验。
2025-11-24 12:23:30
350
应对JavaScript门禁网站：wget和curl下载内容的技术局限与策略分析 针对需要通过JavaScript按钮（如年龄验证）接受规则才能访问内容的网站，使用wget或curl等命令行工具下载其源代码面临挑战。本文阐述了此类网站的工作原理，解释了为何不存在通用的命令行参数来绕过这些客户端验证机制，并指出了wget和curl在此场景下的局限性，强调了针对特定网站进行详细分析的必要性。
2025-11-24 12:22:02
951
解决动态 元素布局偏移：深入理解 CSS Grid 布局 本文旨在解决使用JavaScript动态添加元素时，因display:inline-block导致的布局错位问题。通过对比inline-block的局限性，重点介绍并演示如何利用CSSGrid布局实现稳定、灵活且响应式的网格排列，从而避免元素在水平方向上意外左移或间距不均，为动态内容提供可靠的布局方案。
2025-11-24 12:20:34
490
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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

  • PHP学习

  • 技术支持

  • 返回顶部