本文实例为大家分享了JavaScript编程学习技巧，供大家参考，具体内容如下
1、变量转换
float=1*myVar,//tofloat
bool=!!myVar,/*toboolean-anystringwithlength
andanynumberexcept0aretrue*/
array=[myVar];//toarray
但是转换日期(new Date(myVar))和正则表达式(new RegExp(myVar))必须使用构造函数，创建正则表达式的时候要使用/pattern/flags这样的简化形式。
2、取整同时转换成数值型
'10.567890'|0
//结果:10
//JS里面的所有数值型都是双精度浮点数,因此，JS在进行位运算时，会首先将这些数字运算数转换为整数，然后再执行运算
//|是二进制或，x|0永远等于x；^为异或，同0异1，所以x^0还是永远等于x；至于~是按位取反，搞了两次以后值当然是一样的
'10.567890'^0
//结果:10
-2.23456789|0
//结果:-2
3、日期转数值
4、类数组对象转数组
functiontest(){
varres=['item1','item2']
res=res.concat(Array.prototype.slice.call(arguments))//方法1
Array.prototype.push.apply(res,arguments)//方法2
}
5、进制之间的转换
(int).toString(8);//convertsinttooctal,eg.12=>"14"
parseInt(string,16)//convertshextoint,eg."FF"=>255
parseInt(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,b));
6、删除数组元素
大家也许会想为什么要用splice而不用delete,因为用delete将会在数组里留下一个空洞，而且后面的下标也并没有递减。
7、判断是否为IE
这样一句简单的话就可以判断是否为ie，太。。。
其实还有更多妙的方法，请看下面
varie=!-[1,];
//利用了IE的条件注释
varie=/@cc_on!@/false;
//还是条件注释
varie//@cc_on=1;
//IE不支持垂直制表符
varie='v'=='v';
//原理同上
varie=!+"v1";
学到这个瞬间觉得自己弱爆了。
尽量利用原生方法
要找一组数字中的最大数，我们可能会写一个循环，例如：
for(vari=0;i
if(numbers[i]>max){
max=numbers[i];
}
}
alert(max);
其实利用原生的方法，可以更简单实现
alert(numbers[0]);
当然最简洁的方法便是：
当前也可以这样
Math.min.apply(Math,4])//取最小值
8、生成随机数
Math.random().toString(36).substring(2);
不用第三方变量交换两个变量的值
9、事件委派
js代码如下：
varresources=document.getElementById('resources');
varlinks=resources.getElementsByTagName('a');
varall=links.length;
for(vari=0;i
//Attachalistenertoeachlink
links[i].addEventListener('click',handler,false);
};
functionhandler(e){
varx=e.target;//Getthelinkthatwasclicked
alert(x);
e.preventDefault();
};
})();
利用事件委派可以写出更加优雅的：
resources.addEventListener('click',false);
functionhandler(e){
varx=e.target;//getthelinktha
if(x.nodeName.toLowerCase()==='a'){
alert('Eventdelegation:'+x);
e.preventDefault();
}
};
})();
10、检测ie版本
while(
div.innerHTML='',all[0]
);
returnv>4?v:false;
}());
javaScript版本检测
你知道你的浏览器支持哪一个版本的Javascript吗？
<div class="jb51code">
<pre class="brush:js;">
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]+",")+",");
else
return(this[this.length-1]);
}
alert("LatestJavascriptversionsupported:"+JS_ver.supports());
alert("Supportforversion1.7:"+JS_ver.supports("1.7"));
