檢測瀏覽器、檢測函數(shù)類型、轉(zhuǎn)換hyphen-case為camelCase、刪除字符串中的HTML標簽、以及反轉(zhuǎn)字符串等。

在河曲等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供做網(wǎng)站、成都網(wǎng)站設(shè)計 網(wǎng)站設(shè)計制作定制網(wǎng)站設(shè)計,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計,營銷型網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站建設(shè),河曲網(wǎng)站建設(shè)費用合理。

今天，小芯會給大家分享7個有助于提升效率的JavaScript Utility函數(shù)，覺得有用的話，就趕緊收藏分享吧~

檢測瀏覽器

不同的瀏覽器有不同的navigator.useragent，可通過檢查其值來檢測瀏覽器類型。

例如：

Mac OS上的Chrome

此輸出結(jié)果中有一個“chrome”字符串。

Mac OS上的Firefox

此輸出結(jié)果中有一個“firefox”字符串。

所以只需要檢查navigator.useragent中是否有瀏覽器品牌名，就可以檢測瀏覽器類型。

 
 
 

  
  
  
const inBrowser =typeof window !== 'undefined' 
  
  
  
// get user agent 
  
  
  
constUA= inBrowser && window.navigator.userAgent.toLowerCase() 
  
  
  
// detect browser 
  
  
  
const isIE =UA&&/msie|trident/.test(UA) 
  
  
  
const isIE9 =UA&&UA.indexOf('msie 9.0') >0 
  
  
  
const isEdge =UA&&UA.indexOf('edge/') >0 
  
  
  
const isChrome =UA&&/chrome\/\d+/.test(UA) && !isEdge 
  
  
  
const isPhantomJS =UA&&/phantomjs/.test(UA) 
  
  
  
const isFF =UA&&UA.match(/firefox\/(\d+)/) 
  
  
  
// detect OS 
  
  
  
const isAndroid =UA&&UA.indexOf('android') >0 
  
  
  
const isIOS =UA&&/iphone|ipad|ipod|ios/.test(UA) 
 
 
 

檢測函數(shù)類型

函數(shù)類型有兩種：

• 運行時環(huán)境提供的本機函數(shù)。例如 Array.isArray、console.log。
• 由用戶編寫的函數(shù)

在一些復雜案例中，可能需要對這兩種類型函數(shù)進行區(qū)分。

那么如何在代碼中區(qū)分這兩種類型的函數(shù)呢? 很簡單，它們在轉(zhuǎn)換為字符串時會輸出不同的結(jié)果。

本機函數(shù)

用戶函數(shù)

當本機函數(shù)被轉(zhuǎn)換為字符串時，輸出結(jié)果總是包含native code。

由此可以寫出如下函數(shù)：

 
 
 

  
  
  
functionisNative (func){ 
  
  
  
    returntypeof func ==='function'&&/native code/.test(func.toString()) 
  
  
  
} 
 
 
 

轉(zhuǎn)換hyphen-case為camelCase

將hello-world字符串樣式轉(zhuǎn)換成helloWorld字符串樣式是一個非常常見的需求。為此，可以使用正則表達式。

可以使用/-(\w)/g來匹配所有在–后面的小寫字母，然后使用大寫字母對它們進行替換。

 
 
 

  
  
  
functioncamelize(str) { 
  
  
  
    const camelizeRE =/-(\w)/g; 
  
  
  
    return str.replace(camelizeRE,  (_, c) => c ? c.toUpperCase() : ''); 
  
  
  
} 
 
 
 

刪除字符串中的HTML標簽

出于安全考慮，經(jīng)常需要從字符串中刪除HTML標簽。使用一個簡單的正則表達式就能輕松完成這項任務。

 
 
 

  
  
  
conststripHTMLTags = str => str.replace(/<[^>]*>/g, ''); 
 
 
 

反轉(zhuǎn)字符串

反轉(zhuǎn)字符串是一個很常見的需求。為此，可以將一個字符串拆分為一個數(shù)組，然后反轉(zhuǎn)該數(shù)組并將其連接。

 
 
 

  
  
  
conststripHTMLTags = str => str.replace(/<[^>]*>/g, ''); 
 
 
 

用逗號將數(shù)字格式化為字符串

為了使一個較大的數(shù)更易于閱讀，經(jīng)常會在數(shù)字中間加一些分隔符。

• 111111 => 111,111
• 123456789 => 123,456,789

通常每隔三個數(shù)字添加一個逗號。

 
 
 

  
  
  
functionnumberToStringWithComma(number) { 
  
  
  
    // convert number to string 
  
  
  
    let str =String(number); 
  
  
  
    let s =''; 
  
  
  
    let count =0; 
  
  
  
    for (let i = str.length-1; i >= 0; i--) { 
  
  
  
      s = str[i] + s 
  
  
  
      count++ 
  
  
  
      // add a comma to every three numbers 
  
  
  
      if (count % 3==0&& i != 0) { 
  
  
  
        s =','+ s 
  
  
  
      } 
  
  
  
    } 
  
  
  
    return s 
  
  
  
} 
 
 
 

轉(zhuǎn)換字節(jié)單位為合理單位

在計算機中，文件的大小通常以字節(jié)為單位。但如果它是一個很大的數(shù)字，對人類來說則是不可讀的。

例如，第一次看到98223445B這個數(shù)字時，人們很難有任何直觀的感覺。但是如果使用93.7MB，就會對它非常熟悉。所以需要寫一個便于閱讀偏大數(shù)字的函數(shù)。

 
 
 

  
  
  
functionbytesToSize (bytes) { 
  
  
  
    if (bytes ===0) return'0 B'; 
  
  
  
    var k =1024; 
  
  
  
    var sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] 
  
  
  
    var i =Math.floor(Math.log(bytes) / Math.log(k)) 
  
  
  
    return (bytes / Math.pow(k, i)).toPrecision(3) +' '+ sizes[i] 
  
  
  
} 
 
 
 

感謝閱讀，希望能對你有所幫助~

網(wǎng)頁題目：7個有助于提升效率的JavaScriptUtility函數(shù)
本文地址：http://uogjgqi.cn/article/dhchjgh.html