>>>>Array Each
jQuery
1 | $.each(array, function (i, item){ |
2 |
3 | }); |
谷歌浏览器,火狐浏览器,IE8+
1 | function forEach(array, fn) { |
2 | for (i = 0; i < array.length; i++) |
3 | fn(array[i], i); |
4 | } |
5 |
6 | forEach(array, function (item, i){ |
7 |
8 | }); |
谷歌浏览器,火狐浏览器,IE9+
1 | array.forEach( function (item, i){ |
2 |
3 | }); |
>>>>深度扩展
jQuery
1 | $.extend(true, {}, objA, objB); |
谷歌浏览器,火狐浏览器,IE8+
01 | var deepExtend = function (out) { |
02 | out = out || {}; |
03 |
04 | for ( var i = 1; i < arguments.length; i++) { |
05 | var obj = arguments[i]; |
06 |
07 | if (!obj) |
08 | continue ; |
09 |
10 | for ( var key in obj) { |
11 | if (obj.hasOwnProperty(key)) { |
12 | if ( typeof obj[key] === 'object' ) |
13 | deepExtend(out[key], obj[key]); |
14 | else |
15 | out[key] = obj[key]; |
16 | } |
17 | } |
18 | } |
19 |
20 | return out; |
21 | }; |
22 |
23 | deepExtend({}, objA, objB); |
>>>>Bind
jQuery
1 | $.proxy(fn, context); |
谷歌浏览器,火狐浏览器,IE8+
1 | fn.apply(context, arguments); |
谷歌浏览器,火狐浏览器,IE9+
1 | fn.bind(context); |
jQuery
1 | $.extend({}, objA, objB); |
谷歌浏览器,火狐浏览器,IE8+
01 | var extend = function (out) { |
02 | out = out || {}; |
03 |
04 | for ( var i = 1; i < arguments.length; i++) { |
05 | if (!arguments[i]) |
06 | continue ; |
07 |
08 | for ( var key in arguments[i]) { |
09 | if (arguments[i].hasOwnProperty(key)) |
10 | out[key] = arguments[i][key]; |
11 | } |
12 | } |
13 |
14 | return out; |
15 | }; |
16 |
17 | extend({}, objA, objB); |
>>>>Index Of
jQuery
1 | $.inArray(item, array); |
谷歌浏览器,火狐浏览器,IE8+
1 | function indexOf(array, item) { |
2 | for ( var i = 0; i < array.length; i++) { |
3 | if (array[i] === item) |
4 | return i; |
5 | } |
6 | return -1; |
7 | } |
8 |
9 | indexOf(array, item); |
谷歌浏览器,火狐浏览器,IE9+
1 | array.indexOf(item); |
>>>>Is Array
jQuery
1 | $.isArray(arr); |
谷歌浏览器,火狐浏览器,IE8+
1 | isArray = Array.isArray || function (arr) { |
2 | return Object.prototype.toString.call(arr) == '[object Array]' ; |
3 | } |
4 |
5 | isArray(arr); |
谷歌浏览器,火狐浏览器,IE9+
1 | Array.isArray(arr); |
>>>>Map
jQuery
1 | $.map(array, function (value, index){ |
2 | }); |
谷歌浏览器,火狐浏览器,IE8+
01 | function map(arr, fn) { |
02 | var results = []; |
03 | for ( var i = 0; i < arr.length; i++) |
04 | results.push(fn(arr[i], i)); |
05 | return results; |
06 | } |
07 |
08 | map(array, function (value, index){ |
09 |
10 | }); |
谷歌浏览器,火狐浏览器,IE9+
1 | array.map( function (value, index){ |
2 |
3 | }); |
>>>>Now
jQuery
1 | $.now(); |
谷歌浏览器,火狐浏览器,IE8+
1 | new Date().getTime(); |
谷歌浏览器,火狐浏览器,IE9+
1 | Date.now(); |
>>>>Parse Html
jQuery
1 | $.parseHTML(htmlString); |
谷歌浏览器,火狐浏览器,IE8+
1 | var parseHTML = function (str) { |
2 | var el = document.createElement( 'div' ); |
3 | el.innerHTML = str; |
4 | return el.children; |
5 | }; |
6 |
7 | parseHTML(htmlString); |
谷歌浏览器,火狐浏览器,IE9+
1 | var parseHTML = function (str) { |
2 | var tmp = document.implementation.createHTMLDocument(); |
3 | tmp.body.innerHTML = str; |
4 | return tmp.body.children; |
5 | }; |
6 |
7 | parseHTML(htmlString); |
>>>>解析 Json
jQuery
1 | $.parseJSON(string); |
谷歌浏览器,火狐浏览器,IE8+
1 | JSON.parse(string); |
>>>>Trim
jQuery
1 | $.trim(string); |
谷歌浏览器,火狐浏览器,IE8+
1 | string.replace(/^\s+|\s+$/g, '' ); |
谷歌浏览器,火狐浏览器,IE9+
1 | string.trim(); |
>>>>Type
jQuery
1 | $.type(obj); |
谷歌浏览器,火狐浏览器,IE8+
1 | Object.prototype.toString.call(obj) |
2 | .replace(/^\[object (.+)\]$/, "$1" ) |
3 | .toLowerCase(); |