日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
這些JS工具函數(shù)夠你用到2020年底了

前言

活不多說(shuō)，自己平時(shí)搜集的干貨函數(shù)奉上。

干貨函數(shù)

找出數(shù)字在數(shù)組中下一個(gè)相鄰的元素

 
 
 
 
      
  
  
  
  1. let i = ""; 
    2.   
  
  
  
  2. let rr = []; 
    3.   
  
  
  
  3.  
    4.   
  
  
  
  4. const name = (n, arr1)=>{ 
    5.   
  
  
  
  5.     let num = Number(n); 
    6.   
  
  
  
  6.     for (let i = 0; i < arr1.length; i++) { 
    7.   
  
  
  
  7.         const element = arr1[i]; 
    8.   
  
  
  
  8.         if (element != num) { 
    9.   
  
  
  
  9.             rr.push(num--); 
    10.   
  
  
  
  10.         } 
    11.   
  
  
  
  11.     } 
    12.   
  
  
  
  12.     return rr.find((el) => { 
    13.   
  
  
  
  13.         let newel = String(el); 
    14.   
  
  
  
  14.         return arr1.includes(newel); 
    15.   
  
  
  
  15.     })} 
    16.   
  
  
  
  16.  
    17.   
  
  
  
  17. let arr = ["2", "4", "6", "8", "10", "12", "14", "16", "18", "20", "22", "24", "27", "30", "33", "36", "42", "48", "54", "60"] 
    18.   
  
  
  
  18. console.log(name('5',arr)); //4 
    19.

格式化時(shí)間

 
 
 
 
      
  
  
  
  1. /** 
    2.   
  
  
  
  2.  * @param {number} time 
    3.   
  
  
  
  3.  * @param {string} option 
    4.   
  
  
  
  4.  * @returns {string} 
    5.   
  
  
  
  5.  */ 
    6.   
  
  
  
  6. function formatTime(time, option) { 
    7.   
  
  
  
  7.   if (('' + time).length === 10) { 
    8.   
  
  
  
  8.     time = parseInt(time) * 1000 
    9.   
  
  
  
  9.   } else { 
    10.   
  
  
  
  10.     time = +time 
    11.   
  
  
  
  11.   } 
    12.   
  
  
  
  12.   const d = new Date(time) 
    13.   
  
  
  
  13.   const now = Date.now() 
    14.   
  
  
  
  14.  
    15.   
  
  
  
  15.   const diff = (now - d) / 1000 
    16.   
  
  
  
  16.  
    17.   
  
  
  
  17.   if (diff < 30) { 
    18.   
  
  
  
  18.     return '剛剛' 
    19.   
  
  
  
  19.   } else if (diff < 3600) { 
    20.   
  
  
  
  20.     // less 1 hour 
    21.   
  
  
  
  21.     return Math.ceil(diff / 60) + '分鐘前' 
    22.   
  
  
  
  22.   } else if (diff < 3600 * 24) { 
    23.   
  
  
  
  23.     return Math.ceil(diff / 3600) + '小時(shí)前' 
    24.   
  
  
  
  24.   } else if (diff < 3600 * 24 * 2) { 
    25.   
  
  
  
  25.     return '1天前' 
    26.   
  
  
  
  26.   } 
    27.   
  
  
  
  27.   if (option) { 
    28.   
  
  
  
  28.     return parseTime(time, option) 
    29.   
  
  
  
  29.   } else { 
    30.   
  
  
  
  30.     return ( 
    31.   
  
  
  
  31.       d.getMonth() + 
    32.   
  
  
  
  32.       1 + 
    33.   
  
  
  
  33.       '月' + 
    34.   
  
  
  
  34.       d.getDate() + 
    35.   
  
  
  
  35.       '日' + 
    36.   
  
  
  
  36.       d.getHours() + 
    37.   
  
  
  
  37.       '時(shí)' + 
    38.   
  
  
  
  38.       d.getMinutes() + 
    39.   
  
  
  
  39.       '分' 
    40.   
  
  
  
  40.     ) 
    41.   
  
  
  
  41.   } 
    42.   
  
  
  
  42. } 
    43.

解析時(shí)間

 
 
 
 
      
  
  
  
  1. /** 
    2.   
  
  
  
  2.  * Parse the time to string 
    3.   
  
  
  
  3.  * @param {(Object|string|number)} time 
    4.   
  
  
  
  4.  * @param {string} cFormat 
    5.   
  
  
  
  5.  * @returns {string | null} 
    6.   
  
  
  
  6.  */ 
    7.   
  
  
  
  7. function parseTime(time, cFormat) { 
    8.   
  
  
  
  8.   if (arguments.length === 0 || !time) { 
    9.   
  
  
  
  9.     return null 
    10.   
  
  
  
  10.   } 
    11.   
  
  
  
  11.   const format = cFormat || '{y}-{m}-g14o9s8 {h}:{i}:{s}' 
    12.   
  
  
  
  12.   let date 
    13.   
  
  
  
  13.   if (typeof time === 'object') { 
    14.   
  
  
  
  14.     date = time 
    15.   
  
  
  
  15.   } else { 
    16.   
  
  
  
  16.     if ((typeof time === 'string')) { 
    17.   
  
  
  
  17.       if ((/^[0-9]+$/.test(time))) { 
    18.   
  
  
  
  18.         // support "1548221490638" 
    19.   
  
  
  
  19.         time = parseInt(time) 
    20.   
  
  
  
  20.       } else { 
    21.   
  
  
  
  21.         // support safari 
    22.   
  
  
  
  22.         // https://stackoverflow.com/questions/4310953/invalid-date-in-safari 
    23.   
  
  
  
  23.         time = time.replace(new RegExp(/-/gm), '/') 
    24.   
  
  
  
  24.       } 
    25.   
  
  
  
  25.     } 
    26.   
  
  
  
  26.  
    27.   
  
  
  
  27.     if ((typeof time === 'number') && (time.toString().length === 10)) { 
    28.   
  
  
  
  28.       time = time * 1000 
    29.   
  
  
  
  29.     } 
    30.   
  
  
  
  30.     date = new Date(time) 
    31.   
  
  
  
  31.   } 
    32.   
  
  
  
  32.   const formatObj = { 
    33.   
  
  
  
  33.     y: date.getFullYear(), 
    34.   
  
  
  
  34.     m: date.getMonth() + 1, 
    35.   
  
  
  
  35.     d: date.getDate(), 
    36.   
  
  
  
  36.     h: date.getHours(), 
    37.   
  
  
  
  37.     i: date.getMinutes(), 
    38.   
  
  
  
  38.     s: date.getSeconds(), 
    39.   
  
  
  
  39.     a: date.getDay() 
    40.   
  
  
  
  40.   } 
    41.   
  
  
  
  41.   const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => { 
    42.   
  
  
  
  42.     const value = formatObj[key] 
    43.   
  
  
  
  43.     // Note: getDay() returns 0 on Sunday 
    44.   
  
  
  
  44.     if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] } 
    45.   
  
  
  
  45.     return value.toString().padStart(2, '0') 
    46.   
  
  
  
  46.   }) 
    47.   
  
  
  
  47.   return time_str 
    48.   
  
  
  
  48. } 
    49.

解析Url地址

 
 
 
 
      
  
  
  
  1. /** 
    2.   
  
  
  
  2.  * @param {string} url 
    3.   
  
  
  
  3.  * @returns {Object} 
    4.   
  
  
  
  4.  */ 
    5.   
  
  
  
  5. function param2Obj(url) { 
    6.   
  
  
  
  6.   const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ') 
    7.   
  
  
  
  7.   if (!search) { 
    8.   
  
  
  
  8.     return {} 
    9.   
  
  
  
  9.   } 
    10.   
  
  
  
  10.   const obj = {} 
    11.   
  
  
  
  11.   const searchArr = search.split('&') 
    12.   
  
  
  
  12.   searchArr.forEach(v => { 
    13.   
  
  
  
  13.     const index = v.indexOf('=') 
    14.   
  
  
  
  14.     if (index !== -1) { 
    15.   
  
  
  
  15.       const name = v.substring(0, index) 
    16.   
  
  
  
  16.       const val = v.substring(index + 1, v.length) 
    17.   
  
  
  
  17.       obj[name] = val 
    18.   
  
  
  
  18.     } 
    19.   
  
  
  
  19.   }) 
    20.   
  
  
  
  20.   return obj 
    21.   
  
  
  
  21. } 
    22.

合并兩個(gè)對(duì)象

 
 
 
 
      
  
  
  
  1. /** 
    2.   
  
  
  
  2.  * Merges two objects, giving the last one precedence 
    3.   
  
  
  
  3.  * @param {Object} target 
    4.   
  
  
  
  4.  * @param {(Object|Array)} source 
    5.   
  
  
  
  5.  * @returns {Object} 
    6.   
  
  
  
  6.  */ 
    7.   
  
  
  
  7. function objectMerge(target, source) { 
    8.   
  
  
  
  8.   if (typeof target !== 'object') { 
    9.   
  
  
  
  9.     target = {} 
    10.   
  
  
  
  10.   } 
    11.   
  
  
  
  11.   if (Array.isArray(source)) { 
    12.   
  
  
  
  12.     return source.slice() 
    13.   
  
  
  
  13.   } 
    14.   
  
  
  
  14.   Object.keys(source).forEach(property => { 
    15.   
  
  
  
  15.     const sourceProperty = source[property] 
    16.   
  
  
  
  16.     if (typeof sourceProperty === 'object') { 
    17.   
  
  
  
  17.       target[property] = objectMerge(target[property], sourceProperty) 
    18.   
  
  
  
  18.     } else { 
    19.   
  
  
  
  19.       target[property] = sourceProperty 
    20.   
  
  
  
  20.     } 
    21.   
  
  
  
  21.   }) 
    22.   
  
  
  
  22.   return target 
    23.   
  
  
  
  23. } 
    24.

數(shù)組去重

 
 
 
 
      
  
  
  
  1. /** 
    2.   
  
  
  
  2.  * @param {Array} arr 
    3.   
  
  
  
  3.  * @returns {Array} 
    4.   
  
  
  
  4.  */ 
    5.   
  
  
  
  5. function uniqueArr(arr) { 
    6.   
  
  
  
  6.   return Array.from(new Set(arr)) 
    7.   
  
  
  
  7. } 
    8.

防抖

 
 
 
 
      
  
  
  
  1. /** 
    2.   
  
  
  
  2.  * @param {Function} func 
    3.   
  
  
  
  3.  * @param {number} wait 
    4.   
  
  
  
  4.  * @param {boolean} immediate 
    5.   
  
  
  
  5.  * @return {*} 
    6.   
  
  
  
  6.  */ 
    7.   
  
  
  
  7. function debounce(func, wait, immediate) { 
    8.   
  
  
  
  8.   let timeout, args, context, timestamp, result 
    9.   
  
  
  
  9.  
    10.   
  
  
  
  10.   const later = function() { 
    11.   
  
  
  
  11.     // 據(jù)上一次觸發(fā)時(shí)間間隔 
    12.   
  
  
  
  12.     const last = +new Date() - timestamp 
    13.   
  
  
  
  13.  
    14.   
  
  
  
  14.     // 上次被包裝函數(shù)被調(diào)用時(shí)間間隔 last 小于設(shè)定時(shí)間間隔 wait 
    15.   
  
  
  
  15.     if (last < wait && last > 0) { 
    16.   
  
  
  
  16.       timeout = setTimeout(later, wait - last) 
    17.   
  
  
  
  17.     } else { 
    18.   
  
  
  
  18.       timeout = null 
    19.   
  
  
  
  19.       // 如果設(shè)定為immediate===true，因?yàn)殚_始邊界已經(jīng)調(diào)用過(guò)了此處無(wú)需調(diào)用 
    20.   
  
  
  
  20.       if (!immediate) { 
    21.   
  
  
  
  21.         result = func.apply(context, args) 
    22.   
  
  
  
  22.         if (!timeout) context = args = null 
    23.   
  
  
  
  23.       } 
    24.   
  
  
  
  24.     } 
    25.   
  
  
  
  25.   } 
    26.   
  
  
  
  26.  
    27.   
  
  
  
  27.   return function(...args) { 
    28.   
  
  
  
  28.     context = this 
    29.   
  
  
  
  29.     timestamp = +new Date() 
    30.   
  
  
  
  30.     const callNow = immediate && !timeout 
    31.   
  
  
  
  31.     // 如果延時(shí)不存在，重新設(shè)定延時(shí) 
    32.   
  
  
  
  32.     if (!timeout) timeout = setTimeout(later, wait) 
    33.   
  
  
  
  33.     if (callNow) { 
    34.   
  
  
  
  34.       result = func.apply(context, args) 
    35.   
  
  
  
  35.       context = args = null 
    36.   
  
  
  
  36.     } 
    37.   
  
  
  
  37.  
    38.   
  
  
  
  38.     return result 
    39.   
  
  
  
  39.   } 
    40.   
  
  
  
  40. } 
    41.

簡(jiǎn)易搜索

 
 
 
 
      
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3.  
    4.   
  
  
  
  4.    
    5.   
  
  
  
  5.    
    6.   
  
  
  
  6.   Document 
    7.   
  
  
  
  7.  
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9.    
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.  
    13.

將秒化為時(shí)分秒

 
 
 
 
      
  
  
  
  1. function formateSeconds (endTime) { 
    2.   
  
  
  
  2.       let secondTime = parseInt(endTime); //將傳入的秒的值轉(zhuǎn)化為Number 
    3.   
  
  
  
  3.       let min = 0; // 初始化分 
    4.   
  
  
  
  4.       let h = 0; // 初始化小時(shí) 
    5.   
  
  
  
  5.       let result = ""; 
    6.   
  
  
  
  6.       if (secondTime > 60) { 
    7.   
  
  
  
  7.         //如果秒數(shù)大于60，將秒數(shù)轉(zhuǎn)換成整數(shù) 
    8.   
  
  
  
  8.         min = parseInt(secondTime / 60); //獲取分鐘，除以60取整數(shù)，得到整數(shù)分鐘 
    9.   
  
  
  
  9.         secondTime = parseInt(secondTime % 60); //獲取秒數(shù)，秒數(shù)取佘，得到整數(shù)秒數(shù) 
    10.   
  
  
  
  10.         if (min > 60) { 
    11.   
  
  
  
  11.           //如果分鐘大于60，將分鐘轉(zhuǎn)換成小時(shí) 
    12.   
  
  
  
  12.           h = parseInt(min / 60); //獲取小時(shí)，獲取分鐘除以60，得到整數(shù)小時(shí) 
    13.   
  
  
  
  13.           min = parseInt(min % 60); //獲取小時(shí)后取佘的分，獲取分鐘除以60取佘的分 
    14.   
  
  
  
  14.         } 
    15.   
  
  
  
  15.       } 
    16.   
  
  
  
  16.       result = `${h.toString().padStart(2, "0")}:${min.toString().padStart(2, "0")}:${secondTime.toString().padStart(2, "0")}`; 
    17.   
  
  
  
  17.       return result; 
    18.   
  
  
  
  18.     } 
    19.   
  
  
  
  19.      
    20.   
  
  
  
  20. 將時(shí)分秒化為秒 
    21.

將時(shí)分秒化為秒

 
 
 
 
      
  
  
  
  1. function formSeconds (times) { 
    2.   
  
  
  
  2.         let arr = times.split(":"); 
    3.   
  
  
  
  3.         let s = arr[2]; 
    4.   
  
  
  
  4.         let m = arr[1]; 
    5.   
  
  
  
  5.         let h = arr[0]; 
    6.   
  
  
  
  6.         let m1 = m<10?m.replace(/\b(0+)/gi,""):m; 
    7.   
  
  
  
  7.         let h1 = h<10?h.replace(/\b(0+)/gi,""):h; 
    8.   
  
  
  
  8.         return m1*60+Number(h1)+Number(s) 
    9.   
  
  
  
  9. } 
    10.

對(duì)象深層遍歷

 
 
 
 
      
  
  
  
  1. var obj = { 
    2.   
  
  
  
  2.   a:{ 
    3.   
  
  
  
  3.    b:{ 
    4.   
  
  
  
  4.     c:"maomin" 
    5.   
  
  
  
  5.    } 
    6.   
  
  
  
  6.   } 
    7.   
  
  
  
  7.  } 
    8.   
  
  
  
  8. const safeGet = (obj, path) => { 
    9.   
  
  
  
  9.         try { 
    10.   
  
  
  
  10.           return path.split('.').reduce((o, k) => o[k], obj) 
    11.   
  
  
  
  11.         } catch (e) { 
    12.   
  
  
  
  12.           return undefined 
    13.   
  
  
  
  13.         } 
    14.   
  
  
  
  14.     } 
    15.   
  
  
  
  15. console.log(safeGet(obj,'a.b.c'));// maomin 
    16.

帶有分割符的字符串轉(zhuǎn)化成一個(gè)n維數(shù)組

 
 
 
 
      
  
  
  
  1.  var str = "A-2-12"; 
    2.   
  
  
  
  2.  var str1 = str.split('-'); 
    3.   
  
  
  
  3.  var arr = str1.reverse().reduce((pre,cur,i) => { 
    4.   
  
  
  
  4.  if(i==0) 
    5.   
  
  
  
  5.   { pre.push(cur) 
    6.   
  
  
  
  6.    return pre 
    7.   
  
  
  
  7.  } 
    8.   
  
  
  
  8.   return [cur,pre] 
    9.   
  
  
  
  9. },[]) 
    10.   
  
  
  
  10. console.log(arr) // ["A"["B",["C"]]] 
    11.

獲取時(shí)間戳

 
 
 
 
      
  
  
  
  1. function thedata(d){ 
    2.   
  
  
  
  2.      return d.replace(/\-/g, "\/") 
    3.   
  
  
  
  3.  } 
    4.   
  
  
  
  4.  var serverTime = parseInt(new Date(thedata('2020-08-12 15:52:11')).valueOf()); 
    5.   
  
  
  
  5.  console.log(serverTime); // 1597218731000，獲取到時(shí)間戳 
    6.

對(duì)象深拷貝

 
 
 
 
      
  
  
  
  1. function deepClone(target) { 
    2.   
  
  
  
  2.     // 定義一個(gè)變量 
    3.   
  
  
  
  3.     let result; 
    4.   
  
  
  
  4.     // 如果當(dāng)前需要深拷貝的是一個(gè)對(duì)象的話 
    5.   
  
  
  
  5.     if (typeof target === 'object') { 
    6.   
  
  
  
  6.     // 如果是一個(gè)數(shù)組的話 
    7.   
  
  
  
  7.         if (Array.isArray(target)) { 
    8.   
  
  
  
  8.             result = []; // 將result賦值為一個(gè)數(shù)組，并且執(zhí)行遍歷 
    9.   
  
  
  
  9.             for (let i in target) { 
    10.   
  
  
  
  10.                 // 遞歸克隆數(shù)組中的每一項(xiàng) 
    11.   
  
  
  
  11.                 result.push(deepClone(target[i])) 
    12.   
  
  
  
  12.             } 
    13.   
  
  
  
  13.          // 判斷如果當(dāng)前的值是null的話；直接賦值為null 
    14.   
  
  
  
  14.         } else if(target===null) { 
    15.   
  
  
  
  15.             result = null; 
    16.   
  
  
  
  16.          // 判斷如果當(dāng)前的值是一個(gè)RegExp對(duì)象的話，直接賦值     
    17.   
  
  
  
  17.         } else if(target.constructor===RegExp){ 
    18.   
  
  
  
  18.             result = target; 
    19.   
  
  
  
  19.         }else { 
    20.   
  
  
  
  20.          // 否則是普通對(duì)象，直接for in循環(huán)，遞歸賦值對(duì)象的所有值 
    21.   
  
  
  
  21.             result = {}; 
    22.   
  
  
  
  22.             for (let i in target) { 
    23.   
  
  
  
  23.                 result[i] = deepClone(target[i]); 
    24.   
  
  
  
  24.             } 
    25.   
  
  
  
  25.         } 
    26.   
  
  
  
  26.      // 如果不是對(duì)象的話，就是基本數(shù)據(jù)類型，那么直接賦值 
    27.   
  
  
  
  27.     } else { 
    28.   
  
  
  
  28.         result = target; 
    29.   
  
  
  
  29.     } 
    30.   
  
  
  
  30.      // 返回最終結(jié)果 
    31.   
  
  
  
  31.     return result; 
    32.   
  
  
  
  32. } 
    33.

簡(jiǎn)易版對(duì)象拷貝

 
 
 
 
      
  
  
  
  1.  function copy(obj) { 
    2.   
  
  
  
  2.     if(typeof obj == "object") { //判斷是否復(fù)雜類型 
    3.   
  
  
  
  3.        var result = obj.constructor == Array ? [] : {};//判斷數(shù)組類型或是object，數(shù)組即result=[]，object即result={} 
    4.   
  
  
  
  4.         for(let i in obj) { 
    5.   
  
  
  
  5.             result[i] = typeof obj[i] == "object" ? copy(obj[i]) : obj[i]//判斷數(shù)據(jù)每一項(xiàng)是否是object 
    6.   
  
  
  
  6.         } 
    7.   
  
  
  
  7.     } else { 
    8.   
  
  
  
  8.         var result = obj //基本類型直接拷貝 
    9.   
  
  
  
  9.     } 
    10.   
  
  
  
  10.   return result; 
    11.   
  
  
  
  11. } 
    12.

實(shí)現(xiàn)一個(gè)模板引擎

 
 
 
 
      
  
  
  
  1. function render(template, data) { 
    2.   
  
  
  
  2.   const reg = /\{\{(\w+)\}\}/; // 模板字符串正則 
    3.   
  
  
  
  3.   if (reg.test(template)) { // 判斷模板里是否有模板字符串 
    4.   
  
  
  
  4.     const name = reg.exec(template)[1]; // 查找當(dāng)前模板里第一個(gè)模板字符串的字段 
    5.   
  
  
  
  5.     template = template.replace(reg, data[name]); // 將第一個(gè)模板字符串渲染 
    6.   
  
  
  
  6.     return render(template, data); // 遞歸的渲染并返回渲染后的結(jié)構(gòu) 
    7.   
  
  
  
  7.   } 
    8.   
  
  
  
  8.   return template; // 如果模板沒有模板字符串直接返回 
    9.   
  
  
  
  9. } 
    10.   
  
  
  
  10. let template = '我是{{name}}，年齡{{age}}，性別{{sex}}'; 
    11.   
  
  
  
  11. let data = { 
    12.   
  
  
  
  12.   name: '姓名', 
    13.   
  
  
  
  13.   age: 18 
    14.   
  
  
  
  14. } 
    15.   
  
  
  
  15. render(template, data); // 我是姓名，年齡18，性別undefined 
    16.

節(jié)流

 
 
 
 
      
  
  
  
  1. // ①定時(shí)器實(shí)現(xiàn) 
    2.   
  
  
  
  2. const throttle = (fn,delay = 500) =>{ 
    3.   
  
  
  
  3.   let flag = true; 
    4.   
  
  
  
  4.   return (...args) => { 
    5.   
  
  
  
  5.     if(!flag) return; 
    6.   
  
  
  
  6.     flag = false; 
    7.   
  
  
  
  7.     setTimeout(() => { 
    8.   
  
  
  
  8.       fn.apply(this,args); 
    9.   
  
  
  
  9.       flag = true; 
    10.   
  
  
  
  10.     },delay); 
    11.   
  
  
  
  11.   }; 
    12.   
  
  
  
  12. } 
    13.   
  
  
  
  13. // ②時(shí)間戳實(shí)現(xiàn) 
    14.   
  
  
  
  14. const throttle = (fn,delay = 500) => { 
    15.   
  
  
  
  15.   let preTime = Date.now(); 
    16.   
  
  
  
  16.   return (...args) => { 
    17.   
  
  
  
  17.     const nowTime = Date.now(); 
    18.   
  
  
  
  18.     if(nowTime - preTime >= delay){ 
    19.   
  
  
  
  19.        preTime = Date.now(); 
    20.   
  
  
  
  20.        fn.apply(this,args); 
    21.   
  
  
  
  21.     } 
    22.   
  
  
  
  22.   } 
    23.   
  
  
  
  23. } 
    24.

封裝fetch

 
 
 
 
      
  
  
  
  1. /** 
    2.   
  
  
  
  2.  * 封裝fetch函數(shù)，用Promise做回調(diào) 
    3.   
  
  
  
  3.  * @type {{get: (function(*=)), post: (function(*=, *=))}} 
    4.   
  
  
  
  4.  */ 
    5.   
  
  
  
  5. const fetchUtil = { 
    6.   
  
  
  
  6.     get: (url) => { 
    7.   
  
  
  
  7.         return new Promise((resolve, reject) => { 
    8.   
  
  
  
  8.             fetch(url, { 
    9.   
  
  
  
  9.                 method: 'GET', 
    10.   
  
  
  
  10.                 headers: { 
    11.   
  
  
  
  11.                     'Content-Type': 'application/x-www-form-urlencoded', 
    12.   
  
  
  
  12.                 } 
    13.   
  
  
  
  13.             }).then((response) => response.json()).then(response => { 
    14.   
  
  
  
  14.                 resolve(response); 
    15.   
  
  
  
  15.             }).catch(err => { 
    16.   
  
  
  
  16.                 reject(new Error(err)); 
    17.   
  
  
  
  17.             }); 
    18.   
  
  
  
  18.         }); 
    19.   
  
  
  
  19.     }, 
    20.   
  
  
  
  20.     post: (url, params) => { 
    21.   
  
  
  
  21.         return new Promise((resolve, reject) => { 
    22.   
  
  
  
  22.             fetch(url, { 
    23.   
  
  
  
  23.                 method: 'POST', 
    24.   
  
  
  
  24.                 headers: { 
    25.   
  
  
  
  25.                     'Content-Type': 'application/x-www-form-urlencoded', 
    26.   
  
  
  
  26.                 }, 
    27.   
  
  
  
  27.                 body: params 
    28.   
  
  
  
  28.             }).then((response) => response.json()).then(response => { 
    29.   
  
  
  
  29.                 resolve(response); 
    30.   
  
  
  
  30.             }).catch(err => { 
    31.   
  
  
  
  31.                 reject(new Error(err)); 
    32.   
  
  
  
  32.             }); 
    33.   
  
  
  
  33.         }); 
    34.   
  
  
  
  34.     } 
    35.   
  
  
  
  35. }; 
    36.

判斷瀏覽器環(huán)境

 
 
 
 
      
  
  
  
  1. function getSystem(){ 
    2.   
  
  
  
  2.     const mac = /mac/i, 
    3.   
  
  
  
  3.         linux = /linux/i, 
    4.   
  
  
  
  4.         win = /win/i; 
    5.   
  
  
  
  5.     const platform = navigator.platform.toLowerCase(); 
    6.   
  
  
  
  6.     if(mac.test(platform)){ 
    7.   
  
  
  
  7.         return 'MAC'; 
    8.   
  
  
  
  8.     } else if(win.test(platform)){ 
    9.   
  
  
  
  9.         return 'WIN'; 
    10.   
  
  
  
  10.     } else if(linux.test(platform)){ 
    11.   
  
  
  
  11.         return 'Linux'; 
    12.   
  
  
  
  12.     } 
    13.   
  
  
  
  13.     return undefined; 
    14.   
  
  
  
  14. } 
    15.   
  
  
  
  15. const browser = {  
    16.   
  
  
  
  16.     versions:function(){  
    17.   
  
  
  
  17.         let ret = 'xxSys'; 
    18.   
  
  
  
  18.         const u = navigator.userAgent; 
    19.   
  
  
  
  19.         const isMobile = !!u.match(/AppleWebKit.*Mobile.*/), 
    20.   
  
  
  
  20.             ios = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), 
    21.   
  
  
  
  21.             android = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; 
    22.   
  
  
  
  22.         if(isMobile){ 
    23.   
  
  
  
  23.             if(ios) return 'IOS'; 
    24.   
  
  
  
  24.             if(android) return 'Android'; 
    25.   
  
  
  
  25.         } else { 
    26.   
  
  
  
  26.             ret = getSystem() || ret; 
    27.   
  
  
  
  27.         } 
    28.   
  
  
  
  28.         return ret; 
    29.   
  
  
  
  29.     }(), 
    30.   
  
  
  
  30. }; 
    31.

定義數(shù)組內(nèi)部對(duì)象形式

 
 
 
 
      
  
  
  
  1. const objArrtransArr = (olddata, oldval, oldname)=>{ 
    2.   
  
  
  
  2.     const newArr = []; 
    3.   
  
  
  
  3.     olddata.forEach(item => { 
    4.   
  
  
  
  4.         // 定義數(shù)組內(nèi)部對(duì)象形式 
    5.   
  
  
  
  5.         let obj = {}; 
    6.   
  
  
  
  6.         obj.value = item[oldval]; 
    7.   
  
  
  
  7.         obj.name = item[oldname]; 
    8.   
  
  
  
  8.         // 將對(duì)象數(shù)據(jù)推到數(shù)組中 
    9.   
  
  
  
  9.         newArr.push(obj); 
    10.   
  
  
  
  10.     }); 
    11.   
  
  
  
  11.     return newArr; 
    12.   
  
  
  
  12. } 
    13.

解析html字符串

 
 
 
 
      
  
  
  
  1. function (htmlobj) { 
    2.   
  
  
  
  2.        var el = document.createElement('div'); 
    3.   
  
  
  
  3.        el.innerHTML = htmlobj; 
    4.   
  
  
  
  4.        var tags = el.getElementsByTagName('img'); 
    5.   
  
  
  
  5.        var text = tags[0].getAttribute("src"); 
    6.   
  
  
  
  6.        return text; 
    7.   
  
  
  
  7. } 
    8.

判斷瀏覽器是否支持?jǐn)z像頭

 
 
 
 
      
  
  
  
  1. function videoCheck () { 
    2.   
  
  
  
  2.       var deviceList = []; 
    3.   
  
  
  
  3.       navigator.mediaDevices 
    4.   
  
  
  
  4.         .enumerateDevices() 
    5.   
  
  
  
  5.         .then(devices => { 
    6.   
  
  
  
  6.           devices.forEach(device => { 
    7.   
  
  
  
  7.             deviceList.push(device.kind); 
    8.   
  
  
  
  8.           }); 
    9.   
  
  
  
  9.           if (deviceList.indexOf("videoinput") == "-1") { 
    10.   
  
  
  
  10.             console.info("沒有攝像頭"); 
    11.   
  
  
  
  11.             return false; 
    12.   
  
  
  
  12.           } else { 
    13.   
  
  
  
  13.             console.info("有攝像頭"); 
    14.   
  
  
  
  14.           } 
    15.   
  
  
  
  15.         }) 
    16.   
  
  
  
  16.         .catch(function(err) { 
    17.   
  
  
  
  17.           alert(err.name + ": " + err.message); 
    18.   
  
  
  
  18.         }); 
    19.   
  
  
  
  19.     } 
    20.

回文算法

 
 
 
 
      
  
  
  
  1. //忽略標(biāo)點(diǎn)符號(hào)、大小寫和空格，正著讀和反著讀一模一樣。 
    2.   
  
  
  
  2. nction made(str) { 
    3.   
  
  
  
  3.       var str1 = str.toLowerCase(); //先將字符串全部轉(zhuǎn)換為小寫 
    4.   
  
  
  
  4.       var reg = /[\W\_]/g; // 刪除所有非字母數(shù)字字符和下劃線 
    5.   
  
  
  
  5.       var str2 = str1.replace(reg, ""); // 去掉非字母和非數(shù)字 
    6.   
  
  
  
  6.       var str3 = str2.split(""); // 字符串分隔成數(shù)組 
    7.   
  
  
  
  7.       var str4 = str3.reverse(); // 反轉(zhuǎn)數(shù)組中的元素 
    8.   
  
  
  
  8.       var str5 = str4.join(""); // 反轉(zhuǎn)后的數(shù)組轉(zhuǎn)化為字符串 
    9.   
  
  
  
  9.       return str2 === str5; 
    10.

持續(xù)更新...


分享名稱：這些JS工具函數(shù)夠你用到2020年底了
分享網(wǎng)址：http://www.5511xx.com/article/ccochcs.html