高效javascript,高效课堂

如何使 javascript 更高效

打个比方:

专注于为中小企业提供成都网站设计、做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业亭湖免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了1000多家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

var arr = [1,2,3,4,5,6];

for(var i = 0;i  arr.length;i++) {

console.log(arr[i])

}

//以上优化就在iarr.length;循环每次都要访问他的length属性,不如先存起来,var len=arr.length;

//dom相关的,id选择器是最快的

//优化的细节很多,讲不清楚一下

JavaScript 怎样高效拼接字符串

我们可以使用”+”来拼接字符串,而对于操作频繁、讲究效率的字符串拼接操作我们应该选择StringBuilder类。在JavaScript中是否也存在这个问题呢?答案是肯定的,虽然JavaScript并没有为我们提供一个内置的StringBuilder对象,但是我们可以自己来创建一个!至于效率到底能提高多少,让程序说话吧!

//---StringBuilder---

function StringBuilder(){

this.__string__ = new Array();

}

StringBuilder.prototype.append = function(str){

this.__string__.push(str);

}

StringBuilder.prototype.toString = function(){

return this.__string__.join("");

}

var d1 = new Date();

var buffer = new StringBuilder();

for(var i = 1; i 10000; i++){

buffer.append("E3Card");

}

var strResult = buffer.toString();

var d2 = new Date();

document.write("StringBuilder用时:" + (d2.getTime() - d1.getTime()) + "br/");

//---+-----

var d3 = new Date();

var str = "";

for(var i = 1; i 10000; i++){

str += "E3Card";

}

var d4 = new Date();

document.write("+链接用时:" + (d4.getTime() - d3.getTime()) + "br/");

在我的机器上(Core2 3.0G/4GRAM),反复F5后得到一个,比较平稳的测试结果:

StringBuilder用时:32

+链接用时:1109

哇哦,30多倍,我没看错吧!

好了,赶紧自己做好一个Lib,以后都用这个StringBuilder吧:

function StringBuilder(){

this.__string__ = new Array();

}

StringBuilder.prototype.append = function(str){

this.__string__.push(str);

}

StringBuilder.prototype.toString = function(){

return this.__string__.join("");

}

如何在 JavaScript 中高效地连接字符串

javascript中字符串的拼接使用的是+号连接操作符,另外操作字符串的方法有

字符串其他的调用方法:

s.charAt(0); //第一个字符:“H”

s.charAt(s.length-1); //最后一个字符串“d”

s.substring(1,4); //第2~4个字符串注意不是第2~5个字符串 “ell”;

s.slice(1,4); // 同上 “ell”;

s.replace("H","h"); //“h”替换“H”,全文字符替换,

s.toUpperCase(); //全文大写

s.slice(-3); //最后三个字符“rld”;

s.indexOf("l"); //字符l首次出现的位置; “2”

s.lastIndexOf("l"); //字符l最后出现的位置; “10”

s.indexOf("l",3); //在位置33及之后首次出现字符串了的位置 “3”

s.split(", "); //[“hello”,“world”]分割成子串

合理使用这些方法可以提高操作效率


网站栏目:高效javascript,高效课堂
地址分享:http://hbruida.cn/article/dsddjhc.html