那些精彩的JavaScript代码片段

精彩的JavaScript代码片段，分享给大家

1.根据给定的条件在原有的数组上，得到所需要的新数组

0 ? n : 0 }); // 传输一个匿名函数作为逻辑判断

2.比原生type或typeof更详细的类型监测方法

rush:js;"> function type(p) { /function.(\w*)\(\)/.test(p.constructor); //通过其构造函数来获取对应的类型。 return RegExp.$1; }

3.对象或数组的深拷贝，用于解决对象引用时值一改全改的问题。

rush:js;"> var copyObject = function(obj) { var result = {}; for (var x in obj) { result[x] = typeof obj === "object" ? copyObject(obj[x]) : obj[x] //如果拷贝的值仍然是一个对象,那么重复执行当前方法。 }　　 return result; }

4.通过正则表达式来获取Cookie的值

rush:js;"> function getCookie(name) { if (name && RegExp("(^| )" + name + "=([^;]*)(;|$)").exec(document.cookie)) return RegExp.$2; // (^| ) 不匹配第一个空格。 // ([^;]*) 只匹配除了;号之外的所有字符。 // (;|$) 匹配以;号或$为结尾的字符。 }

5.通过移位运算来替代”parseInt”

3;

// ~~ 取整。~取当前数值的反码,~~表示再次取反，也就是得到当前自身（说明，JS中的“位”运算会将数值自动转换为整数）

6.将数值转换为16进制的字符串（常用于表示色彩）

rush:js;"> (~~ (Math.random() * (1 << 24))).toString(16)

// ~~ 通过位运算来取整。 // << 左移位。将1的二进制数左移24位。而1<<24 == 2^24(RGB模式下最多可表示的色彩数量) // toString(16) 将数值转换为16进制的字符串输出。

7.对象方法的兼容性检查

rush:js;"> if ('querySelector' in document) {}

8.NodeList || HTMLCollection || Object转换为Array或具有Array的方法

NodeList: 是指通过集合方法获得到的DOM节点列表，例如：document.getElementsByTagNmae,document.forms…等方法。 HTMLCollection: HTML块，它与NodeList很像，但是NodeList只支持数字索引，而HTMLCollection可以支持名称作为索引。 NodeList与HTMLCollection都具有以下类似： 具有数组的外观，但没有数组的方法 、具有length属性、支持索引来读取内容

rush:js;"> function makeArray(obj) { var rs = [],len = obj.length; try { rs = [].slice.call(obj,0); } catch (e) { //for IE for (var i = 0; j = obj[i++];) { rs.push(j); } } return rs; }

9. 正则匹配清除两侧空格

rush:js;"> var trim = function(v){ var patrn = /^\s*(.*?)\s+$/; return (patrn.test(v))? RegExp.$1 : ' null '; }

10. 时间格式化

rush:js;"> function dateFormat(t){ // t 是以秒为单位的值。 var h = ~~(t/3600),// t除以3600，取整，得到的就是小时。 m = ~~(t%3600/60),// t求余3600，取模，得到的就是去除小时剩下的秒数（分钟 + 秒），再除以60，取整，得到的就是分钟。 s = ~~(t%3600%60); // t求余3600，再求余60，剩下的自然就是“秒数”。

return h+'小时'+m+'分'+s+'秒';
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。