而JavaScript的核心是ECMAScript 。與其他語言類似,ECMAScript 的字符串是不可變的,即它們的值不能改變。
請考慮下面的代碼:
復制代碼 代碼如下:
var str = "hello ";
str += "world";實際上,這段代碼在幕后執行的步驟如下:
每次完成字符串連接都會執行步驟 2 到 6,使得這種操作非常消耗資源。如果重復這一過程幾百次,甚至幾千次,就會造成性能問題。解決方法是用 Array 對象存儲字符串,然后用 join() 方法(參數是空字符串)創建最后的字符串。想象用下面的代碼代替前面的代碼:
復制代碼 代碼如下:
var arr = new Array();
arr[0] = "hello ";
arr[1] = "world";
var str = arr.join("");
1.創建存儲結果的字符串
2.把每個字符串復制到結果中的合適位置
雖然這種解決方案很好,但還有更好的方法。問題是,這段代碼不能確切反映出它的意圖。要使它更容易理解,可以用 StringBuffer 類打包該功能:
復制代碼 代碼如下:
function StringBuffer () {
this._strings_ = new Array();
}
StringBuffer.prototype.append = function(str) {
this._strings_.push(str);
};
StringBuffer.prototype.toString = function() {
return this._strings_.join("");
};
復制代碼 代碼如下:
var buffer = new StringBuffer ();
buffer.append("hello ");
buffer.append("world");
var result = buffer.toString();
復制代碼 代碼如下:
var d1 = new Date();
var str = "";
for (var i=0; i < 10000; i++) {
str += "text";
}
var d2 = new Date();
console.log("Concatenation with plus: "
+ (d2.getTime() - d1.getTime()) + " milliseconds");
var buffer = new StringBuffer();
d1 = new Date();
for (var i=0; i < 10000; i++) {
buffer.append("text");
}
var result = buffer.toString();
d2 = new Date();
console.log("Concatenation with StringBuffer: "
+ (d2.getTime() - d1.getTime()) + " milliseconds");
那么有人也許會說JavaScript的String對象中不是也封裝一個concat()方法么,我們在下面也來用concat()方法來做同樣的事情,在consoel輸入以下代碼:
復制代碼 代碼如下:
var d1 = new Date();
var str = "";
for (var i=0; i < 10000; i++) {
str.concat("text");
}
var d2 = new Date();
console.log("Concatenation with plus: "
+ (d2.getTime() - d1.getTime()) + " milliseconds");
由此可以得出結論,當涉及到一定數量的字符串連接時,我們在Javascript中封裝一個類似Java中的StringBuffer對象(函數)來進行操作會在性能上得到提升。
新聞熱點
疑難解答
圖片精選