那些精彩的JavaScript代码片段
精彩的JavaScript代码片段，分享给大家
1.根据给定的条件在原有的数组上，得到所需要的新数组
vara=[-1,-1,1,2,-2,-2,-3,-3,3,-3];
functionf(s,e){
varret=[];
for(variins){//根据原有的数组长度进行循环
ret.push(e(s[i]));
}
returnret;
}
f(a,function(n){
returnn>0?n:0
});//传输一个匿名函数作为逻辑判断
2.比原生type或typeof更详细的类型监测方法
functiontype(p){
/function.(\w*)\(\)/.test(p.constructor);//通过其构造函数来获取对应的类型。
returnRegExp.$1;
}
3.对象或数组的深拷贝，用于解决对象引用时值一改全改的问题。
varcopyObject=function(obj){
varresult={};
for(varxinobj){
result[x]=typeofobj==="object"?copyObject(obj[x]):obj[x]
//如果拷贝的值仍然是一个对象,那么重复执行当前方法。
}
returnresult;
}
4.通过正则表达式来获取Cookie的值
functiongetCookie(name){
if(name&&RegExp("(^|)"+name+"=([^;]*)(;|$)").exec(document.cookie))returnRegExp.$2;
//(^|)不匹配第一个空格。
//([^;]*)只匹配除了;号之外的所有字符。
//(;|$)匹配以;号或$为结尾的字符。
}
5.通过移位运算来替代”parseInt”
~~3.14=>3;
//~~取整。~取当前数值的反码,~~表示再次取反，也就是得到当前自身（说明，JS中的“位”运算会将数值自动转换为整数）
6.将数值转换为16进制的字符串（常用于表示色彩）
(~~(Math.random()*(1<<24))).toString(16)
//~~通过位运算来取整。
//<<左移位。将1的二进制数左移24位。而1<<24==2^24(RGB模式下最多可表示的色彩数量)
//toString(16)将数值转换为16进制的字符串输出。
7.对象方法的兼容性检查
if('querySelector'indocument){}
8.NodeList||HTMLCollection||Object转换为Array或具有Array的方法
NodeList:是指通过集合方法获得到的DOM节点列表，例如：document.getElementsByTagNmae,document.forms…等方法。
HTMLCollection:HTML块，它与NodeList很像，但是NodeList只支持数字索引，而HTMLCollection可以支持名称作为索引。
NodeList与HTMLCollection都具有以下类似：具有数组的外观，但没有数组的方法、具有length属性、支持索引来读取内容
functionmakeArray(obj){
varrs=[],
len=obj.length;
try{
rs=[].slice.call(obj,0);
}catch(e){//forIE
for(vari=0;j=obj[i++];){
rs.push(j);
}
}
returnrs;
}
9.正则匹配清除两侧空格
vartrim=function(v){
varpatrn=/^\s*(.*?)\s+$/;
return(patrn.test(v))?RegExp.$1:'
null';
}
10.时间格式化
functiondateFormat(t){//t是以秒为单位的值。
varh=~~(t/3600),//t除以3600，取整，得到的就是小时。
m=~~(t%3600/60),//t求余3600，取模，得到的就是去除小时剩下的秒数（分钟+秒），再除以60，取整，得到的就是分钟。
s=~~(t%3600%60);//t求余3600，再求余60，剩下的自然就是“秒数”。
returnh+'小时'+m+'分'+s+'秒';
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。