首页 / JAVASCRIPT / JavaScript 学习笔记（七）字符串的连接

JavaScript 学习笔记（七）字符串的连接

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript 学习笔记（七）字符串的连接，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1456字，纯文字阅读大概需要3分钟。

内容图文

字符串的连接
一、 最常用+=
一直说这种方式的效率是最低的，为什么呢？可以看下这种方式的实质过程。
var str = "hello";
str += "world";
(1) 创建存储"hello"的字符串。
(2) 创建存储"world"的字符串。
(3) 创建存储连接结果的字符串。
(4) 把str的当前内容复制到结果中。
(5) 把"world"复制到结果中。
(6) 更新str，使它指向结果。
每次完成字符串连接都会执行步骤2到6，使得这种操作非常消耗资源。如果重复这一过程几百次，甚至几千次，就会造成性能问题。所有以后就要摒弃这种用法了，哈哈哈。^_^
二、 join()方法
代码如下:

//按钮调用 
function JoinFn() { 
var arr = new Array; 
arr[0] = "张三"; 
arr[1] = "李四"; 
alert(arr.join("")); 
} 
 
执行的步骤如下： 
(1) 创建存储结果的字符串。 
(2) 把每个字符串复制到结果中的合适位置。 
这中方法效率比第一种快。 
三、 封装一个自定义的类 
JavaScript中没有像C#中那样的StringBuilder类，但是我们可以自定义一个StringBuilder类，建类的方法就是上一篇提到的“混合的构造函数/原型方式”。 
 代码如下:

//自定义一个StringBuilder类，用来连接字符串 
function StringBuilder() { 
this._strings = new Array(); 
} 
StringBuilder.prototype.append = function(str) { 
this._strings.push(str); 
}; 
StringBuilder.prototype.toString = function() { 
return this._strings.join(""); 
}; 
//按钮调用 
function MyConnectClassFn() { 
var sb = new StringBuilder(); 
sb.append("张三"); 
sb.append("李四"); 
var strResult = sb.toString(); 
alert(strResult); 
} 
 
总结 
最后比较以上这三种方法，书上说最后一种速度最快，但是经过我测试，貌似join()是最快的，第三种反而是最慢的，难道我的自定义StringBuilder类有问题？

内容总结

以上是互联网集市为您收集整理的JavaScript 学习笔记（七）字符串的连接全部内容，希望文章能够帮你解决JavaScript 学习笔记（七）字符串的连接所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/372177.html

来源：【匿名】