關(guān)于“JS獲取擴(kuò)展名的方法有多少種，代碼是什么”的知識(shí)有一些人不是很理解，對(duì)此小編給大家總結(jié)了相關(guān)內(nèi)容，具有一定的參考借鑒價(jià)值，而且易于學(xué)習(xí)與理解，希望能對(duì)大家有所幫助，有這個(gè)方面學(xué)習(xí)需要的朋友就繼續(xù)往下看吧。

免費(fèi)資源網(wǎng),https://freexyz.cn/

一、使用正則表達(dá)式

function getFileExtension1(filename) {
  return /[.]/.exec(filename) ? /[^.]+$/.exec(filename)[0] : undefined
}

這里的/[.]/.exec(filename)是用來判斷.是否存在，如果不存在的話，其值為null,/[^.]+$/.exec(filename)[0]拿到從.開始匹配的字符串，也就是擴(kuò)展名。如果不存在則返回undefined。

二、使用String中的split方法

function getFileExtension(filename) {
  return filename.split(".").pop()
}

三、使用String的lastIndexOf方法

function getFileExtension(filename) {
  return filename.slice((filename.lastIndexOf(".") - 1 >>> 0) + 2)
}

解釋：首先filename.slice()方法是用來切割字符串的，所以我們只需要獲取的.的下一位坐標(biāo)即可，此時(shí)我們可以使用filename.lastIndexOf()來獲取最后一位.所在的下標(biāo)。

我們需要考慮多種情況，

一種：如果filename.lastIndexOf()大于0,此時(shí)我們直接獲取下一位的坐標(biāo)即可，以下一位為起始進(jìn)行切割。

二種：如果filename.lastIndexOf為-1,則表示不存在.,此時(shí)我們應(yīng)該將其設(shè)置為一個(gè)很大的數(shù)，當(dāng)從一個(gè)大于字符串長度進(jìn)行切割時(shí)，返回的字符串為空字符串。

三種：如果filename.lastIndexOf為0時(shí)，則也表示不存在擴(kuò)展名，此時(shí)我們應(yīng)該將其設(shè)置為很大的數(shù)。

filename.lastIndex(".") - 1中這里的減一，就是將0變?yōu)?1, -1變成-2。

>>> 0的解釋：

console.log(12 >>> 0)    //12
console.log(1.2 >>> 0)   //1
console.log(1.8 >>> 0)   //1
console.log(-1 >>> 0)    //4294967295
console.log(-2 >>> 0)    //4294967294
console.log(0 >>> 0)     //0
如上述代碼和其結(jié)果所示。
如果值為正整數(shù)時(shí)，此時(shí)結(jié)果還為原來的值
如果值為小數(shù)時(shí)，此時(shí)結(jié)果為小數(shù)向下取整所得的值。
如果值為負(fù)數(shù)時(shí)，此時(shí)結(jié)果為當(dāng)前值 + 二的32次方所得的值。
如果值為0時(shí)，此時(shí)結(jié)果為0。

四、附獲取文件擴(kuò)展名的另兩種方法

• substring，lastIndexOf聯(lián)合使用
• split,pop聯(lián)合使用

下面貼上代碼：

//獲取文件后綴的js代碼
<script type="text/javascript">
        var strp;
    function getEx(){
        var filepath=document.getElementById('fileEx').value;
        var opt=parseInt(document.getElementById('opt').value);
        switch(opt){
            case 1:
                strp=filepath.substring(filepath.lastIndexOf(".")+1);
                break;
            case 2:
                strp=filepath.split(".").pop();
                break;
                        }
        alert(strp);
    }
    </script>
 
//html頁面
<input type="file" id="fileEx" name="fileEx">
<select id="opt">
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<button onClick="getEx()">獲取</button>

簡要來說就是獲取文件路徑，然后使用不同的方法獲取后綴名

總結(jié)

免費(fèi)資源網(wǎng),https://freexyz.cn/

以上就是關(guān)于“JS獲取擴(kuò)展名的方法有多少種，代碼是什么”的介紹了，感謝各位的閱讀，希望這篇文章能幫助大家解決問題。如果想要了解更多知識(shí)，歡迎關(guān)注群英網(wǎng)絡(luò)，小編每天都會(huì)為大家更新不同的知識(shí)。

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：[email protected]進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，查實(shí)之后，將立刻刪除涉嫌侵權(quán)內(nèi)容。

猜你喜歡

• 用Element怎樣實(shí)現(xiàn)樹形表格，具體方法操作是怎樣

  這篇文章主要為大家介紹了vue?element樹形控件實(shí)現(xiàn)樹形表格，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助

• this關(guān)鍵字的值取決什么，相關(guān)要點(diǎn)有哪些

  js中的this關(guān)鍵字平時(shí)在開發(fā)中使用時(shí)倒是也能正常應(yīng)用,但是對(duì)其使用和判斷并不能信手拈來,所以下面這篇文章主要給大家介紹了關(guān)于js中this關(guān)鍵字的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

• nodejs中的異步迭代器是什么？有何作用？

  nodejs中的異步迭代器是什么？一些朋友對(duì)于異步迭代器比較好奇，因此這篇文章就和大家來分享一下異步迭代器以及其作用，下文有詳細(xì)的介紹及實(shí)例供大家參考，感興趣的朋友就繼續(xù)往下看吧。

• 在JS中改變網(wǎng)頁背景顏色方法是什么，怎么做

  改變方法：1、使用“document.getElementsByTagName("body")”語句獲取到body元素節(jié)點(diǎn)；2、使用“body元素節(jié)點(diǎn).style.backgroundColor="顏色值";”語句來改變網(wǎng)頁的背景顏色。

• js瀑布流布局是什么？怎樣實(shí)現(xiàn)?

  瀑布流也叫做瀑布流式布局，是一種比較常見和流行的網(wǎng)站頁面布局，視覺效果就是每行高度不同，表現(xiàn)為參差不齊的多欄布局。那么瀑布流式布局要怎樣實(shí)現(xiàn)呢？下面給大家分享js實(shí)現(xiàn)瀑布流布局的3種方法。