本文實例為大家分享了JavaScript編程學習技巧，供大家參考，具體內容如下
1、變量轉換
varmyVar="3.14159",str=""+myVar,//tostringint=~~myVar,//tointegerfloat=1*myVar,//tofloatbool=!!myVar,/*toboolean-anystringwithlengthandanynumberexcept0aretrue*/array=[myVar];//toarray
但是轉換日期(new Date(myVar))和正則表達式(new RegExp(myVar))必須使用構造函數，創建正則表達式的時候要使用/pattern/flags這樣的簡化形式。
2、取整同時轉換成數值型
//字符型變量參與運算時，JS會自動將其轉換為數值型（如果無法轉化，變為NaN）'10.567890'|0//結果:10//JS里面的所有數值型都是雙精度浮點數,因此，JS在進行位運算時，會首先將這些數字運算數轉換為整數，然后再執行運算//|是二進制或，x|0永遠等于x；^為異或，同0異1，所以x^0還是永遠等于x；至于~是按位取反，搞了兩次以后值當然是一樣的'10.567890'^0//結果:10-2.23456789|0//結果:-2
3、日期轉數值
//JS本身時間的內部表示形式就是Unix時間戳，以毫秒為單位記錄著當前距離1970年1月1日0點的時間單位vard=+newDate();//1295698416792
4、類數組對象轉數組
vararr=[].slice.call(arguments)下面的實例用的更絕functiontest(){varres=['item1','item2']res=res.concat(Array.prototype.slice.call(arguments))//方法1Array.prototype.push.apply(res,arguments)//方法2}5、進制之間的轉換
(int).toString(16);//convertsinttohex,eg12=>"C"(int).toString(8);//convertsinttooctal,eg.12=>"14"parseInt(string,16)//convertshextoint,eg."FF"=>255parseInt(string,8)//convertsoctaltoint,eg."20"=>16將一個數組插入另一個數組指定的位置vara=[1,2,3,7,8,9];varb=[4,5,6];varinsertIndex=3;a.splice.apply(a,Array.prototype.concat(insertIndex,0,b));
6、刪除數組元素
vara=[1,2,3,4,5];a.splice(3,1);//a=[1,2,3,5]
大家也許會想為什么要用splice而不用delete,因為用delete將會在數組里留下一個空洞，而且后面的下標也并沒有遞減。
7、判斷是否為IE
varie=/*@cc_on!@*/false;
這樣一句簡單的話就可以判斷是否為ie，太。。。
其實還有更多妙的方法，請看下面
//edithttp://www.lai18.com//貌似是最短的，利用IE不支持標準的ECMAscript中數組末逗號忽略的機制varie=!-[1,];//利用了IE的條件注釋varie=/*@cc_on!@*/false;//還是條件注釋varie//@cc_on=1;//IE不支持垂直制表符varie='v'=='v';//原理同上varie=!+"v1";
學到這個瞬間覺得自己弱爆了。
盡量利用原生方法
要找一組數字中的最大數，我們可能會寫一個循環，例如：
varnumbers=[3,342,23,22,124];varmax=0;for(vari=0;iif(numbers[i]>max){max=numbers[i];}}alert(max);其實利用原生的方法，可以更簡單實現
varnumbers=[3,342,23,22,124];numbers.sort(function(a,b){returnb-a});alert(numbers[0]);當然最簡潔的方法便是：
Math.max(12,123,3,2,433,4);//returns433
當前也可以這樣
[xhtml]view plaincopyMath.max.apply(Math,[12,123,3,2,433,4])//取最大值Math.min.apply(Math,[12,123,3,2,433,4])//取最小值
8、生成隨機數
Math.random().toString(16).substring(2);//toString()函數的參數為基底，范圍為2~36。Math.random().toString(36).substring(2);
不用第三方變量交換兩個變量的值
a=[b,b=a][0];
9、事件委派
js代碼如下：
//Classiceventhandlingexample(function(){varresources=document.getElementById('resources');varlinks=resources.getElementsByTagName('a');varall=links.length;for(vari=0;i//Attachalistenertoeachlinklinks[i].addEventListener('click',handler,false);};functionhandler(e){varx=e.target;//Getthelinkthatwasclickedalert(x);e.preventDefault();};})();利用事件委派可以寫出更加優雅的：
(function(){varresources=document.getElementById('resources');resources.addEventListener('click',handler,false);functionhandler(e){varx=e.target;//getthelinkthaif(x.nodeName.toLowerCase()==='a'){alert('Eventdelegation:'+x);e.preventDefault();}};})();10、檢測ie版本
var_IE=(function(){varv=3,div=document.createElement('div'),all=div.getElementsByTagName('i');while(div.innerHTML='',all[0]);returnv>4?v:false;}());javaScript版本檢測
你知道你的瀏覽器支持哪一個版本的Javascript嗎？
varJS_ver=[];(Number.prototype.toFixed)?JS_ver.push("1.5"):false;([].indexOf&&[].forEach)?JS_ver.push("1.6"):false;((function(){try{[a,b]=[0,1];returntrue;}catch(ex){returnfalse;}})())?JS_ver.push("1.7"):false;([].reduce&&[].reduceRight&&JSON)?JS_ver.push("1.8"):false;("".trimLeft)?JS_ver.push("1.8.1"):false;JS_ver.supports=function(){if(arguments[0])return(!!~this.join().indexOf(arguments[0]+",")+",");elsereturn(this[this.length-1]);}alert("LatestJavascriptversionsupported:"+JS_ver.supports());alert("Supportforversion1.7:"+JS_ver.supports("1.7"));11、判斷屬性是否存在
//BAD:Thiswillcauseanerrorincodewhenfooisundefinedif(foo){doSomething();}//GOOD:Thisdoesn'tcauseanyerrors.However,evenwhen//fooissettoNULLorfalse,theconditionvalidatesastrueif(typeoffoo!="undefined"){doSomething();}//BETTER:Thisdoesn'tcauseanyerrorsandinaddition//valuesNULLorfalsewon'tvalidateastrueif(window.foo){doSomething();}有的情況下，我們有更深的結構和需要更合適的檢查的時候
//UGLY:wehavetoproofexistenceofevery//objectbeforewecanbesurepropertyactuallyexistsif(window.oFoo&&oFoo.oBar&&oFoo.oBar.baz){doSomething();}其實最好的檢測一個屬性是否存在的方法為：
if("opera"inwindow){console.log("OPERA");}else{console.log("NOTOPERA");}12、檢測對象是否為數組
varobj=[];Object.prototype.toString.call(obj)=="[objectArray]";
以上就是本文的全部內容，希望對大家學習javascript程序設計有所幫助。
新聞熱點
疑難解答
