JavaScript常用工具方法封装

JavaScript

1. type 类型判断

创新互联是专业的洛浦网站建设公司，洛浦接单;提供网站设计、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行洛浦网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

 
 
 
    
  
  
  
  1. isString (o) { //是否字符串
    2. 
  
  
  
  2.     return Object.prototype.toString.call(o).slice(8, -1) === 'String'
    3. 
  
  
  
  3. } 
    4. 
  
  
  
  4. isNumber (o) { //是否数字
    5. 
  
  
  
  5.     return Object.prototype.toString.call(o).slice(8, -1) === 'Number'
    6. 
  
  
  
  6. } 
    7. 
  
  
  
  7. isBoolean (o) { //是否boolean
    8. 
  
  
  
  8.     return Object.prototype.toString.call(o).slice(8, -1) === 'Boolean'
    9. 
  
  
  
  9. } 
    10. 
  
  
  
  10. isFunction (o) { //是否函数
    11. 
  
  
  
  11.     return Object.prototype.toString.call(o).slice(8, -1) === 'Function'
    12. 
  
  
  
  12. } 
    13. 
  
  
  
  13. isNull (o) { //是否为null
    14. 
  
  
  
  14.     return Object.prototype.toString.call(o).slice(8, -1) === 'Null'
    15. 
  
  
  
  15. } 
    16. 
  
  
  
  16. isUndefined (o) { //是否undefined
    17. 
  
  
  
  17.     return Object.prototype.toString.call(o).slice(8, -1) === 'Undefined'
    18. 
  
  
  
  18. } 
    19. 
  
  
  
  19. isObj (o) { //是否对象
    20. 
  
  
  
  20.     return Object.prototype.toString.call(o).slice(8, -1) === 'Object'
    21. 
  
  
  
  21. } 
    22. 
  
  
  
  22. isArray (o) { //是否数组
    23. 
  
  
  
  23.     return Object.prototype.toString.call(o).slice(8, -1) === 'Array'
    24. 
  
  
  
  24. } 
    25. 
  
  
  
  25. isDate (o) { //是否时间
    26. 
  
  
  
  26.     return Object.prototype.toString.call(o).slice(8, -1) === 'Date'
    27. 
  
  
  
  27. } 
    28. 
  
  
  
  28. isRegExp (o) { //是否正则
    29. 
  
  
  
  29.     return Object.prototype.toString.call(o).slice(8, -1) === 'RegExp'
    30. 
  
  
  
  30. } 
    31. 
  
  
  
  31. isError (o) { //是否错误对象
    32. 
  
  
  
  32.     return Object.prototype.toString.call(o).slice(8, -1) === 'Error'
    33. 
  
  
  
  33. } 
    34. 
  
  
  
  34. isSymbol (o) { //是否Symbol函数
    35. 
  
  
  
  35.     return Object.prototype.toString.call(o).slice(8, -1) === 'Symbol'
    36. 
  
  
  
  36. } 
    37. 
  
  
  
  37. isPromise (o) { //是否Promise对象
    38. 
  
  
  
  38.     return Object.prototype.toString.call(o).slice(8, -1) === 'Promise'
    39. 
  
  
  
  39. } 
    40. 
  
  
  
  40. isSet (o) { //是否Set对象
    41. 
  
  
  
  41.     return Object.prototype.toString.call(o).slice(8, -1) === 'Set'
    42. 
  
  
  
  42. } 
    43. 
  
  
  
  43. isFalse (o) {
    44. 
  
  
  
  44.     if (!o || o === 'null' || o === 'undefined' || o === 'false' || o === 'NaN') return true
    45. 
  
  
  
  45.         return false
    46. 
  
  
  
  46. } 
    47. 
  
  
  
  47. isTrue (o) {
    48. 
  
  
  
  48.     return !this.isFalse(o)
    49. 
  
  
  
  49. } 
    50. 
  
  
  
  50. isIos () {
    51. 
  
  
  
  51.     var u = navigator.userAgent;
    52. 
  
  
  
  52.     if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机
    53. 
  
  
  
  53.         // return "Android";
    54. 
  
  
  
  54.         return false
    55. 
  
  
  
  55.     } else if (u.indexOf('iPhone') > -1) {//苹果手机
    56. 
  
  
  
  56.         // return "iPhone";
    57. 
  
  
  
  57.         return true
    58. 
  
  
  
  58.     } else if (u.indexOf('iPad') > -1) {//iPad
    59. 
  
  
  
  59.         // return "iPad";
    60. 
  
  
  
  60.         return false
    61. 
  
  
  
  61.     } else if (u.indexOf('Windows Phone') > -1) {//winphone手机
    62. 
  
  
  
  62.         // return "Windows Phone";
    63. 
  
  
  
  63.         return false
    64. 
  
  
  
  64.     }else{
    65. 
  
  
  
  65.         return false
    66. 
  
  
  
  66.     }
    67. 
  
  
  
  67. } 
    68. 
  
  
  
  68. isPC () { //是否为PC端
    69. 
  
  
  
  69.     var userAgentInfo = navigator.userAgent;
    70. 
  
  
  
  70.     var Agents = ["Android", "iPhone",
    71. 
  
  
  
  71.                 "SymbianOS", "Windows Phone",
    72. 
  
  
  
  72.                 "iPad", "iPod"];
    73. 
  
  
  
  73.     var flag = true;
    74. 
  
  
  
  74.     for (var v = 0; v < Agents.length; v++) {
    75. 
  
  
  
  75.         if (userAgentInfo.indexOf(Agents[v]) > 0) {
    76. 
  
  
  
  76.             flag = false;
    77. 
  
  
  
  77.             break;
    78. 
  
  
  
  78.         }
    79. 
  
  
  
  79.     }
    80. 
  
  
  
  80.     return flag;
    81. 
  
  
  
  81. } 
    82. 
  
  
  
  82. browserType(){
    83. 
  
  
  
  83.     var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    84. 
  
  
  
  84.     var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
    85. 
  
  
  
  85.     var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
    86. 
  
  
  
  86.     var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
    87. 
  
  
  
  87.     var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器  
    88. 
  
  
  
  88.     var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
    89. 
  
  
  
  89.     var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //判断是否Safari浏览器
    90. 
  
  
  
  90.     var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1; //判断Chrome浏览器
    91. 
  
  
  
  91. 
  
  
  
  92.     if (isIE) {
    93. 
  
  
  
  93.         var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
    94. 
  
  
  
  94.         reIE.test(userAgent);
    95. 
  
  
  
  95.         var fIEVersion = parseFloat(RegExp["$1"]);
    96. 
  
  
  
  96.         if(fIEVersion == 7) return "IE7"
    97. 
  
  
  
  97.         else if(fIEVersion == 8) return "IE8";
    98. 
  
  
  
  98.         else if(fIEVersion == 9) return "IE9";
    99. 
  
  
  
  99.         else if(fIEVersion == 10) return "IE10";
    100. 
  
  
  
  100.         else return "IE7以下"//IE版本过低
    101. 
  
  
  
  101.     }
    102. 
  
  
  
  102.     if (isIE11) return 'IE11';
    103. 
  
  
  
  103.     if (isEdge) return "Edge";
    104. 
  
  
  
  104.     if (isFF) return "FF";
    105. 
  
  
  
  105.     if (isOpera) return "Opera";
    106. 
  
  
  
  106.     if (isSafari) return "Safari";
    107. 
  
  
  
  107.     if (isChrome) return "Chrome";
    108. 
  
  
  
  108. } 
    109. 
  
  
  
  109. checkStr (str, type) {
    110. 
  
  
  
  110.     switch (type) {
    111. 
  
  
  
  111.         case 'phone':   //手机号码
    112. 
  
  
  
  112.             return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(str);
    113. 
  
  
  
  113.         case 'tel':     //座机
    114. 
  
  
  
  114.             return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(str);
    115. 
  
  
  
  115.         case 'card':    //身份证
    116. 
  
  
  
  116.             return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(str);
    117. 
  
  
  
  117.         case 'pwd':     //密码以字母开头，长度在6~18之间，只能包含字母、数字和下划线
    118. 
  
  
  
  118.             return /^[a-zA-Z]\w{5,17}$/.test(str)
    119. 
  
  
  
  119.         case 'postal':  //邮政编码
    120. 
  
  
  
  120.             return /[1-9]\d{5}(?!\d)/.test(str);
    121. 
  
  
  
  121.         case 'QQ':      //QQ号
    122. 
  
  
  
  122.             return /^[1-9][0-9]{4,9}$/.test(str);
    123. 
  
  
  
  123.         case 'email':   //邮箱
    124. 
  
  
  
  124.             return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str);
    125. 
  
  
  
  125.         case 'money':   //金额(小数点2位)
    126. 
  
  
  
  126.             return /^\d*(?:\.\d{0,2})?$/.test(str);
    127. 
  
  
  
  127.         case 'URL':     //网址
    128. 
  
  
  
  128.             return /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/.test(str)
    129. 
  
  
  
  129.         case 'IP':      //IP
    130. 
  
  
  
  130.             return /((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))/.test(str);
    131. 
  
  
  
  131.         case 'date':    //日期时间
    132. 
  
  
  
  132.             return /^(\d{4})\-(\d{2})\-(\d{2}) (\d{2})(?:\:\d{2}|:(\d{2}):(\d{2}))$/.test(str) || /^(\d{4})\-(\d{2})\-(\d{2})$/.test(str)
    133. 
  
  
  
  133.         case 'number':  //数字
    134. 
  
  
  
  134.             return /^[0-9]$/.test(str);
    135. 
  
  
  
  135.         case 'english': //英文
    136. 
  
  
  
  136.             return /^[a-zA-Z]+$/.test(str);
    137. 
  
  
  
  137.         case 'chinese': //中文
    138. 
  
  
  
  138.             return /^[\u4E00-\u9FA5]+$/.test(str);
    139. 
  
  
  
  139.         case 'lower':   //小写
    140. 
  
  
  
  140.             return /^[a-z]+$/.test(str);
    141. 
  
  
  
  141.         case 'upper':   //大写
    142. 
  
  
  
  142.             return /^[A-Z]+$/.test(str);
    143. 
  
  
  
  143.         case 'HTML':    //HTML标记
    144. 
  
  
  
  144.             return /<("[^"]*"|'[^']*'|[^'">])*>/.test(str);
    145. 
  
  
  
  145.         default:
    146. 
  
  
  
  146.             return true;
    147. 
  
  
  
  147.     }
    148. 
  
  
  
  148. 
  
  
  
  149.     // 严格的身份证校验
    150. 
  
  
  
  150.     isCardID(sId) {
    151. 
  
  
  
  151.         if (!/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(sId)) {
    152. 
  
  
  
  152.             alert('你输入的身份证长度或格式错误')
    153. 
  
  
  
  153.             return false
    154. 
  
  
  
  154.         }
    155. 
  
  
  
  155.         //身份证城市
    156. 
  
  
  
  156.         var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"};
    157. 
  
  
  
  157.         if(!aCity[parseInt(sId.substr(0,2))]) { 
    158. 
  
  
  
  158.             alert('你的身份证地区非法')
    159. 
  
  
  
  159.             return false
    160. 
  
  
  
  160.         }
    161. 
  
  
  
  161. 
  
  
  
  162.         // 出生日期验证
    163. 
  
  
  
  163.         var sBirthday=(sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2))).replace(/-/g,"/"),
    164. 
  
  
  
  164.             d = new Date(sBirthday)
    165. 
  
  
  
  165.         if(sBirthday != (d.getFullYear()+"/"+ (d.getMonth()+1) + "/" + d.getDate())) {
    166. 
  
  
  
  166.             alert('身份证上的出生日期非法')
    167. 
  
  
  
  167.             return false
    168. 
  
  
  
  168.         }
    169. 
  
  
  
  169. 
  
  
  
  170.         // 身份证号码校验
    171. 
  
  
  
  171.         var sum = 0,
    172. 
  
  
  
  172.             weights =  [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2],
    173. 
  
  
  
  173.             codes = "10X98765432"
    174. 
  
  
  
  174.         for (var i = 0; i < sId.length - 1; i++) {
    175. 
  
  
  
  175.             sum += sId[i] * weights[i];
    176. 
  
  
  
  176.         }
    177. 
  
  
  
  177.         var last = codes[sum % 11]; //计算出来的最后一位身份证号码
    178. 
  
  
  
  178.         if (sId[sId.length-1] != last) { 
    179. 
  
  
  
  179.             alert('你输入的身份证号非法')
    180. 
  
  
  
  180.             return false
    181. 
  
  
  
  181.         }
    182. 
  
  
  
  182. 
  
  
  
  183.         return true
    184. 
  
  
  
  184.     }
    185. 
  
  
  
  185. }
    186.

 2. Date

 
 
 
    
  
  
  
  1. /**
    2. 
  
  
  
  2.  * 格式化时间
    3. 
  
  
  
  3.  * 
    4. 
  
  
  
  4.  * @param  {time} 时间
    5. 
  
  
  
  5.  * @param  {cFormat} 格式
    6. 
  
  
  
  6.  * @return {String} 字符串
    7. 
  
  
  
  7.  *
    8. 
  
  
  
  8.  * @example formatTime('2018-1-29', '{y}/{m}/{d} {h}:{i}:{s}') // -> 2018/01/29 00:00:00
    9. 
  
  
  
  9.  */
    10. 
  
  
  
  10. formatTime(time, cFormat) {
    11. 
  
  
  
  11.     if (arguments.length === 0) return null
    12. 
  
  
  
  12.     if ((time + '').length === 10) {
    13. 
  
  
  
  13.         time = +time * 1000
    14. 
  
  
  
  14.     }
    15. 
  
  
  
  15. 
  
  
  
  16.     var format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}', date
    17. 
  
  
  
  17.     if (typeof time === 'object') {
    18. 
  
  
  
  18.         date = time
    19. 
  
  
  
  19.     } else {
    20. 
  
  
  
  20.         date = new Date(time)
    21. 
  
  
  
  21.     }
    22. 
  
  
  
  22. 
  
  
  
  23.     var formatObj = {
    24. 
  
  
  
  24.         y: date.getFullYear(),
    25. 
  
  
  
  25.         m: date.getMonth() + 1,
    26. 
  
  
  
  26.         d: date.getDate(),
    27. 
  
  
  
  27.         h: date.getHours(),
    28. 
  
  
  
  28.         i: date.getMinutes(),
    29. 
  
  
  
  29.         s: date.getSeconds(),
    30. 
  
  
  
  30.         a: date.getDay()
    31. 
  
  
  
  31.     }
    32. 
  
  
  
  32.     var time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
    33. 
  
  
  
  33.         var value = formatObj[key]
    34. 
  
  
  
  34.         if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
    35. 
  
  
  
  35.         if (result.length > 0 && value < 10) {
    36. 
  
  
  
  36.             value = '0' + value
    37. 
  
  
  
  37.         }
    38. 
  
  
  
  38.         return value || 0
    39. 
  
  
  
  39.     })
    40. 
  
  
  
  40.     return time_str
    41. 
  
  
  
  41. }
    42. 
  
  
  
  42. 
  
  
  
  43. /**
    44. 
  
  
  
  44.  * 返回指定长度的月份集合
    45. 
  
  
  
  45.  * 
    46. 
  
  
  
  46.  * @param  {time} 时间
    47. 
  
  
  
  47.  * @param  {len} 长度
    48. 
  
  
  
  48.  * @param  {direction} 方向：  1: 前几个月;  2: 后几个月;  3:前后几个月  默认 3
    49. 
  
  
  
  49.  * @return {Array} 数组
    50. 
  
  
  
  50.  * 
    51. 
  
  
  
  51.  * @example   getMonths('2018-1-29', 6, 1)  // ->  ["2018-1", "2017-12", "2017-11", "2017-10", "2017-9", "2017-8", "2017-7"]
    52. 
  
  
  
  52.  */
    53. 
  
  
  
  53. getMonths(time, len, direction) {
    54. 
  
  
  
  54.     var mm = new Date(time).getMonth(),
    55. 
  
  
  
  55.         yy = new Date(time).getFullYear(),
    56. 
  
  
  
  56.         direction = isNaN(direction) ? 3 : direction,
    57. 
  
  
  
  57.         index = mm;
    58. 
  
  
  
  58.     var cutMonth = function(index) {
    59. 
  
  
  
  59.         if ( index <= len && index >= -len) {
    60. 
  
  
  
  60.             return direction === 1 ? formatPre(index).concat(cutMonth(++index)):
    61. 
  
  
  
  61.                 direction === 2 ? formatNext(index).concat(cutMonth(++index)):formatCurr(index).concat(cutMonth(++index))
    62. 
  
  
  
  62.         }
    63. 
  
  
  
  63.         return []
    64. 
  
  
  
  64.     }
    65. 
  
  
  
  65.     var formatNext = function(i) {
    66. 
  
  
  
  66.         var y = Math.floor(i/12),
    67. 
  
  
  
  67.             m = i%12
    68. 
  
  
  
  68.         return [yy+y + '-' + (m+1)]
    69. 
  
  
  
  69.     }
    70. 
  
  
  
  70.     var formatPre = function(i) {
    71. 
  
  
  
  71.         var y = Math.ceil(i/12),
    72. 
  
  
  
  72.             m = i%12
    73. 
  
  
  
  73.         m = m===0 ? 12 : m
    74. 
  
  
  
  74.         return [yy-y + '-' + (13 - m)]
    75. 
  
  
  
  75.     }
    76. 
  
  
  
  76.     var formatCurr = function(i) {
    77. 
  
  
  
  77.         var y = Math.floor(i/12),
    78. 
  
  
  
  78.             yNext = Math.ceil(i/12),
    79. 
  
  
  
  79.             m = i%12,
    80. 
  
  
  
  80.             mNext = m===0 ? 12 : m
    81. 
  
  
  
  81.         return [yy-yNext + '-' + (13 - mNext),yy+y + '-' + (m+1)]
    82. 
  
  
  
  82.     }
    83. 
  
  
  
  83.     // 数组去重
    84. 
  
  
  
  84.     var unique = function(arr) {
    85. 
  
  
  
  85.         if ( Array.hasOwnProperty('from') ) {
    86. 
  
  
  
  86.             return Array.from(new Set(arr));
    87. 
  
  
  
  87.         }else{
    88. 
  
  
  
  88.             var n = {},r=[]; 
    89. 
  
  
  
  89.             for(var i = 0; i < arr.length; i++){
    90. 
  
  
  
  90.                 if (!n[arr[i]]){
    91. 
  
  
  
  91.                     n[arr[i]] = true; 
    92. 
  
  
  
  92.                     r.push(arr[i]);
    93. 
  
  
  
  93.                 }
    94. 
  
  
  
  94.             }
    95. 
  
  
  
  95.             return r;
    96. 
  
  
  
  96.         }
    97. 
  
  
  
  97.     }
    98. 
  
  
  
  98.     return direction !== 3 ? cutMonth(index) : unique(cutMonth(index).sort(function(t1, t2){
    99. 
  
  
  
  99.         return new Date(t1).getTime() - new Date(t2).getTime()
    100. 
  
  
  
  100.     }))
    101. 
  
  
  
  101. }
    102. 
  
  
  
  102. 
  
  
  
  103. /**
    104. 
  
  
  
  104.  * 返回指定长度的天数集合
    105. 
  
  
  
  105.  * 
    106. 
  
  
  
  106.  * @param  {time} 时间
    107. 
  
  
  
  107.  * @param  {len} 长度
    108. 
  
  
  
  108.  * @param  {direction} 方向： 1: 前几天;  2: 后几天;  3:前后几天  默认 3
    109. 
  
  
  
  109.  * @return {Array} 数组
    110. 
  
  
  
  110.  *
    111. 
  
  
  
  111.  * @example date.getDays('2018-1-29', 6) // -> ["2018-1-26", "2018-1-27", "2018-1-28", "2018-1-29", "2018-1-30", "2018-1-31", "2018-2-1"]
    112. 
  
  
  
  112.  */
    113. 
  
  
  
  113. getDays(time, len, diretion) {
    114. 
  
  
  
  114.     var tt = new Date(time)
    115. 
  
  
  
  115.     var getDay = function(day) {
    116. 
  
  
  
  116.         var t = new Date(time)
    117. 
  
  
  
  117.         t.setDate(t.getDate() + day)
    118. 
  
  
  
  118.         var m = t.getMonth()+1
    119. 
  
  
  
  119.         return t.getFullYear()+'-'+m+'-'+t.getDate()
    120. 
  
  
  
  120.     }
    121. 
  
  
  
  121.     var arr = []
    122. 
  
  
  
  122.     if (diretion === 1) {
    123. 
  
  
  
  123.         for (var i = 1; i <= len; i++) {
    124. 
  
  
  
  124.             arr.unshift(getDay(-i))
    125. 
  
  
  
  125.         }
    126. 
  
  
  
  126.     }else if(diretion === 2) {
    127. 
  
  
  
  127.         for (var i = 1; i <= len; i++) {
    128. 
  
  
  
  128.             arr.push(getDay(i))
    129. 
  
  
  
  129.         }
    130. 
  
  
  
  130.     }else {
    131. 
  
  
  
  131.         for (var i = 1; i <= len; i++) {
    132. 
  
  
  
  132.             arr.unshift(getDay(-i))
    133. 
  
  
  
  133.         }
    134. 
  
  
  
  134.         arr.push(tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate())
    135. 
  
  
  
  135.         for (var i = 1; i <= len; i++) {
    136. 
  
  
  
  136.             arr.push(getDay(i))
    137. 
  
  
  
  137.         }
    138. 
  
  
  
  138.     }
    139. 
  
  
  
  139.     return diretion === 1 ? arr.concat([tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate()]) : 
    140. 
  
  
  
  140.         diretion === 2 ? [tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate()].concat(arr) : arr
    141. 
  
  
  
  141. }
    142. 
  
  
  
  142. 
  
  
  
  143. /**
    144. 
  
  
  
  144.  * @param  {s} 秒数
    145. 
  
  
  
  145.  * @return {String} 字符串 
    146. 
  
  
  
  146.  *
    147. 
  
  
  
  147.  * @example formatHMS(3610) // -> 1h0m10s
    148. 
  
  
  
  148.  */
    149. 
  
  
  
  149. formatHMS (s) {
    150. 
  
  
  
  150.     var str = ''
    151. 
  
  
  
  151.     if (s > 3600) {
    152. 
  
  
  
  152.         str = Math.floor(s/3600)+'h'+Math.floor(s%3600/60)+'m'+s%60+'s'
    153. 
  
  
  
  153.     }else if(s > 60) {
    154. 
  
  
  
  154.         str = Math.floor(s/60)+'m'+s%60+'s'
    155. 
  
  
  
  155.     }else{
    156. 
  
  
  
  156.         str = s%60+'s'
    157. 
  
  
  
  157.     }
    158. 
  
  
  
  158.     return str
    159. 
  
  
  
  159. }
    160. 
  
  
  
  160. 
  
  
  
  161. /*获取某月有多少天*/
    162. 
  
  
  
  162. getMonthOfDay (time) {
    163. 
  
  
  
  163.     var date = new Date(time)
    164. 
  
  
  
  164.     var year = date.getFullYear()
    165. 
  
  
  
  165.     var mouth = date.getMonth() + 1
    166. 
  
  
  
  166.     var days
    167. 
  
  
  
  167. 
  
  
  
  168.     //当月份为二月时，根据闰年还是非闰年判断天数
    169. 
  
  
  
  169.     if (mouth == 2) {
    170. 
  
  
  
  170.         days = (year%4==0 && year%100==0 && year%400==0) || (year%4==0 && year%100!=0) ? 28 : 29
    171. 
  
  
  
  171.     } else if (mouth == 1 || mouth == 3 || mouth == 5 || mouth == 7 || mouth == 8 || mouth == 10 || mouth == 12) {
    172. 
  
  
  
  172.         //月份为：1,3,5,7,8,10,12 时，为大月.则天数为31；
    173. 
  
  
  
  173.         days = 31
    174. 
  
  
  
  174.     } else {
    175. 
  
  
  
  175.         //其他月份，天数为：30.
    176. 
  
  
  
  176.         days = 30
    177. 
  
  
  
  177.     }
    178. 
  
  
  
  178.     return days
    179. 
  
  
  
  179. }
    180. 
  
  
  
  180. 
  
  
  
  181. /*获取某年有多少天*/
    182. 
  
  
  
  182. getYearOfDay (time) {
    183. 
  
  
  
  183.     var firstDayYear = this.getFirstDayOfYear(time);
    184. 
  
  
  
  184.     var lastDayYear = this.getLastDayOfYear(time);
    185. 
  
  
  
  185.     var numSecond = (new Date(lastDayYear).getTime() - new Date(firstDayYear).getTime())/1000;
    186. 
  
  
  
  186.     return Math.ceil(numSecond/(24*3600));
    187. 
  
  
  
  187. }
    188. 
  
  
  
  188. 
  
  
  
  189. /*获取某年的第一天*/
    190. 
  
  
  
  190. getFirstDayOfYear (time) {
    191. 
  
  
  
  191.     var year = new Date(time).getFullYear();
    192. 
  
  
  
  192.     return year + "-01-01 00:00:00";
    193. 
  
  
  
  193. }
    194. 
  
  
  
  194. 
  
  
  
  195. /*获取某年最后一天*/
    196. 
  
  
  
  196. getLastDayOfYear (time) {
    197. 
  
  
  
  197.     var year = new Date(time).getFullYear();
    198. 
  
  
  
  198.     var dateString = year + "-12-01 00:00:00";
    199. 
  
  
  
  199.     var endDay = this.getMonthOfDay(dateString);
    200. 
  
  
  
  200.     return year + "-12-" + endDay + " 23:59:59";
    201. 
  
  
  
  201. }
    202. 
  
  
  
  202. 
  
  
  
  203. /*获取某个日期是当年中的第几天*/
    204. 
  
  
  
  204. getDayOfYear (time) {
    205. 
  
  
  
  205.     var firstDayYear = this.getFirstDayOfYear(time);
    206. 
  
  
  
  206.     var numSecond = (new Date(time).getTime() - new Date(firstDayYear).getTime())/1000;
    207. 
  
  
  
  207.     return Math.ceil(numSecond/(24*3600));
    208. 
  
  
  
  208. }
    209. 
  
  
  
  209. 
  
  
  
  210. /*获取某个日期在这一年的第几周*/
    211. 
  
  
  
  211. getDayOfYearWeek (time) {
    212. 
  
  
  
  212.     var numdays = this.getDayOfYear(time);
    213. 
  
  
  
  213.     return Math.ceil(numdays / 7);
    214. 
  
  
  
  214. } 
    215.

3. Array

 
 
 
    
  
  
  
  1. /*判断一个元素是否在数组中*/
    2. 
  
  
  
  2. contains (arr, val) {
    3. 
  
  
  
  3.     return arr.indexOf(val) != -1 ? true : false;
    4. 
  
  
  
  4. }
    5. 
  
  
  
  5. 
  
  
  
  6. /**
    7. 
  
  
  
  7.  * @param  {arr} 数组
    8. 
  
  
  
  8.  * @param  {fn} 回调函数
    9. 
  
  
  
  9.  * @return {undefined}
    10. 
  
  
  
  10.  */
    11. 
  
  
  
  11. each (arr, fn) {
    12. 
  
  
  
  12.     fn = fn || Function;
    13. 
  
  
  
  13.     var a = [];
    14. 
  
  
  
  14.     var args = Array.prototype.slice.call(arguments, 1);
    15. 
  
  
  
  15.     for(var i = 0; i < arr.length; i++) {
    16. 
  
  
  
  16.         var res = fn.apply(arr, [arr[i], i].concat(args));
    17. 
  
  
  
  17.         if(res != null) a.push(res);
    18. 
  
  
  
  18.     }
    19. 
  
  
  
  19. }
    20. 
  
  
  
  20. 
  
  
  
  21. /**
    22. 
  
  
  
  22.  * @param  {arr} 数组
    23. 
  
  
  
  23.  * @param  {fn} 回调函数
    24. 
  
  
  
  24.  * @param  {thisObj} this指向
    25. 
  
  
  
  25.  * @return {Array} 
    26. 
  
  
  
  26.  */
    27. 
  
  
  
  27. map (arr, fn, thisObj) {
    28. 
  
  
  
  28.     var scope = thisObj || window;
    29. 
  
  
  
  29.     var a = [];
    30. 
  
  
  
  30.     for(var i = 0, j = arr.length; i < j; ++i) {
    31. 
  
  
  
  31.         var res = fn.call(scope, arr[i], i, this);
    32. 
  
  
  
  32.         if(res != null) a.push(res);
    33. 
  
  
  
  33.     }
    34. 
  
  
  
  34.     return a;
    35. 
  
  
  
  35. }
    36. 
  
  
  
  36. 
  
  
  
  37. /**
    38. 
  
  
  
  38.  * @param  {arr} 数组
    39. 
  
  
  
  39.  * @param  {type} 1：从小到大   2：从大到小   3：随机
    40. 
  
  
  
  40.  * @return {Array}
    41. 
  
  
  
  41.  */
    42. 
  
  
  
  42. sort (arr, type = 1) {
    43. 
  
  
  
  43.     return arr.sort( (a, b) => {
    44. 
  
  
  
  44.         switch(type) {
    45. 
  
  
  
  45.             case 1:
    46. 
  
  
  
  46.                 return a - b;
    47. 
  
  
  
  47.             case 2:
    48. 
  
  
  
  48.                 return b - a;
    49. 
  
  
  
  49.             case 3:
    50. 
  
  
  
  50.                 return Math.random() - 0.5;
    51. 
  
  
  
  51.             default:
    52. 
  
  
  
  52.                 return arr;
    53. 
  
  
  
  53.         }
    54. 
  
  
  
  54.     })
    55. 
  
  
  
  55. }
    56. 
  
  
  
  56. 
  
  
  
  57. /*去重*/
    58. 
  
  
  
  58. unique (arr) {
    59. 
  
  
  
  59.     if ( Array.hasOwnProperty('from') ) {
    60. 
  
  
  
  60.         return Array.from(new Set(arr));
    61. 
  
  
  
  61.     }else{
    62. 
  
  
  
  62.         var n = {},r=[]; 
    63. 
  
  
  
  63.         for(var i = 0; i < arr.length; i++){
    64. 
  
  
  
  64.             if (!n[arr[i]]){
    65. 
  
  
  
  65.                 n[arr[i]] = true; 
    66. 
  
  
  
  66.                 r.push(arr[i]);
    67. 
  
  
  
  67.             }
    68. 
  
  
  
  68.         }
    69. 
  
  
  
  69.         return r;
    70. 
  
  
  
  70.     }
    71. 
  
  
  
  71.     // 注：上面 else 里面的排重并不能区分 2 和 '2'，但能减少用indexOf带来的性能,暂时没找到替代的方法。。。
    72. 
  
  
  
  72.     /* 正确排重
    73. 
  
  
  
  73.     if ( Array.hasOwnProperty('from') ) {
    74. 
  
  
  
  74.         return Array.from(new Set(arr))
    75. 
  
  
  
  75.     }else{
    76. 
  
  
  
  76.         var r = [], NaNBol = true
    77. 
  
  
  
  77.         for(var i=0; i < arr.length; i++) {
    78. 
  
  
  
  78.             if (arr[i] !== arr[i]) {
    79. 
  
  
  
  79.                 if (NaNBol && r.indexOf(arr[i]) === -1) {
    80. 
  
  
  
  80.                     r.push(arr[i])
    81. 
  
  
  
  81.                     NaNBol = false
    82. 
  
  
  
  82.                      
    
                分享名称：JavaScript常用工具方法封装
                
    
                本文网址：http://www.gawzjz.com/qtweb/news7/160157.html
            
    
            
    
                网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等
                                
    
            
    
                广告
                
            
    
            
    
                声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
                创新互联

猜你还喜欢下面的内容

搜索引擎优化知识

行业网站建设

做网站　　 　一带一路　　 　企业网站设计　　 　企业网站维护　　 　网创优客　　 　企业网站建设公司　　 　重庆网站制作　　 　香港机房服务器托管　　 　响应式网站　　 　成都电商网站建设方案　　 　香港虚拟主机腾讯云　　 　兴发搬家　　 　外贸网站建设　　 　网站SEO优化　　 　成都网站制作　　 　广安迈傲建站　　 　圣月阀门　　 　重庆建站　　 　成都企业网站改版　　 　宇仓仓储