在 JavaScript 的編程世界里，對字符串的操作可謂是家常便飯。而截取字符串的最后一位，這個看似簡單的小操作，在實際開發(fā)中卻有著諸多巧妙的運用場景，比如獲取文件擴展名、提取驗證碼的最后一位數(shù)字用于校驗等等。今天，咱們就來深入探討一下在 JavaScript 中截取字符串最后一位的那些事兒，一起解鎖幾種超實用的方法。

二、方法一：charAt () 方法

JavaScript 中的字符串有一個非常實用的 charAt() 方法，它就像是一把精準的手術(shù)刀，可以返回指定位置的字符。對于截取字符串的最后一位，咱們只需要利用它來獲取索引為 str.length - 1 的字符就大功告成啦，代碼形如 str.charAt(str.length - 1)。比如說，咱們有一個字符串 const str = "Hello, World!"，想要拿到最后一位字符，就可以寫成 str.charAt(str.length - 1)，結(jié)果就是 ! 。這里的 str.length 得到字符串的長度，減去 1 正好指向最后一個字符的索引位置，再通過 charAt() 方法把它提取出來?？赡苡行┬』锇闀枺址皇且材苤苯油ㄟ^索引取值嗎，像 str[str.length - 1] 這樣，和 charAt() 有啥區(qū)別呢？區(qū)別可不小哦！當(dāng)索引取值不在字符串長度范圍內(nèi)時，str[str.length - 1] 會返回 undefined，這就好比你在一個盒子里找東西，超出了盒子的范圍自然啥也找不到；而 charAt(index) 則會返回空字符串，它相對更 “溫柔” 一些，不會給你返回個 “找不到” 的 undefined 讓程序報錯。而且在兼容性方面，str[str.length - 1] 在低版本的 IE 瀏覽器（IE6 - IE8）中存在兼容性問題，而 charAt(index) 可以完美兼容，所以在一些需要考慮兼容性的項目里，charAt() 方法可是截取最后一位字符的得力干將。

三、方法二：substr () 方法

除了 charAt() ，還有個 substr() 方法也能派上用場。它可以從字符串中抽取從指定下標開始的指定數(shù)目字符，語法是 stringObject.substr(start,length) 。要截取最后一位，咱們就寫成 str.substr(str.length - 1, 1) 。比如說有個字符串 const anotherStr = "OpenAI is amazing" ，用 anotherStr.substr(anotherStr.length - 1, 1) 就能拿到最后一個字符 g 。這里 str.length - 1 定位到最后一個字符的起始下標，第二個參數(shù) 1 表示只取一個字符，也就是最后一位。不過呢，這 substr() 方法有點小 “脾氣”。首先，ECMAscript 并沒有將它標準化，在一些追求嚴謹代碼規(guī)范的項目里，可能就不建議使用它。其次，在早期的 IE 4 瀏覽器中，它還有個參數(shù) start 值無效的 BUG，在這個 BUG 里， start 規(guī)定的是第 0 個字符的位置，好在后續(xù)版本把這個問題修復(fù)了。但考慮到兼容性和規(guī)范問題，使用它的時候還是得謹慎權(quán)衡一番。

四、方法三：split () 方法

split() 方法可是個神奇的工具，它能夠把一個字符串按照指定的分隔符分割，然后存儲到數(shù)組當(dāng)中。要是咱們不傳入分隔符，直接寫成 str.split('') ，它就會把字符串的每一個字符都拆分開來，變成一個字符數(shù)組。這時候，咱們只需要取這個數(shù)組的最后一個元素 str.split('')[str.length - 1] ，就輕松拿到了原字符串的最后一位字符。比如說，對于字符串 const testStr = "JavaScript is fun" ，通過 testStr.split('') 會得到 ["J", "a", "v", "a", "S", "c", "r", "i", "p", "t", " ", "i", "s", "f", "u", "n"] 這么一個數(shù)組，再取 testStr.split('')[testStr.length - 1] ，結(jié)果就是 n 。這個方法的好處在于它的邏輯比較直觀，就是先打散再取最后一個。不過呢，它也有一點點小不足，那就是在一些性能要求極高的場景下，由于要創(chuàng)建一個新的數(shù)組來存儲拆分后的字符，相比前兩種方法，可能會稍微占用多一點的內(nèi)存資源。但總體來說，只要不是那種對性能錙銖必較的特殊情況，它不失為一種簡潔易懂的截取最后一位字符的好辦法。

五、方法四：slice () 方法

slice() 方法在 JavaScript 里可是個 “萬能工具”，它不僅能用于數(shù)組，還能精準地提取字符串的某個部分，然后以新的字符串形式返回被提取的部分。它的語法是 stringObject.slice(start,end) ，重點來了，它允許使用負數(shù)作為參數(shù)，這就相當(dāng)貼心啦。負數(shù)參數(shù)對應(yīng)的是從字符串末尾開始的偏移量，比如 -1 就代表最后一個字符， -2 就是倒數(shù)第二個字符，依此類推。要是咱們想截取字符串的最后一位，那就簡單寫個 str.slice(-1) 就行。像有個字符串 const magicStr = "Abracadabra" ，magicStr.slice(-1) 瞬間就能拿到最后一個字符 a 。它和前面幾種方法相比，優(yōu)勢顯而易見。一方面，代碼簡潔到極致，一個參數(shù)搞定一切；另一方面，兼容性也不錯，在主流瀏覽器里都能穩(wěn)定運行。而且，當(dāng)咱們需要靈活地從字符串末尾往前截取一定長度的字符時，比如 str.slice(-3) 就能輕松拿到倒數(shù)三個字符，它的強大就展露無遺了，真可謂是截取字符串后幾位的 “神器”。

六、方法五：正則表達式法

正則表達式可是處理字符串的 “大殺器”，用來截取字符串最后一位自然也不在話下。咱們可以利用 ｒｅｐｌａｃｅ() 方法結(jié)合正則表達式來實現(xiàn)，代碼形如 str.ｒｅｐｌａｃｅ(/^(.*)(.)$/g, "$2") 。這里的正則表達式 /^(.*)(.)$/g 含義可不少，^ 表示匹配字符串的開頭，(.*) 表示匹配任意數(shù)量的任意字符并捕獲它們，(.) 則是專門匹配最后一個字符并捕獲，$ 代表匹配字符串的結(jié)尾，g 是全局匹配修飾符，確保在整個字符串中進行匹配。通過 ｒｅｐｌａｃｅ() 方法，把前面匹配到的所有字符用空字符串替換掉，只留下最后一位字符，也就是咱們要的結(jié)果。比如說，對于字符串 const regexStr = "123abc" ，執(zhí)行 regexStr.ｒｅｐｌａｃｅ(/^(.*)(.)$/g, "$2") 后，就能精準地拿到最后一位字符 c 。正則表達式的強大之處就在于它能應(yīng)對各種復(fù)雜的字符串模式匹配需求，只要你熟悉它的語法規(guī)則，就能像個專業(yè)的文本處理大師一樣，輕松玩轉(zhuǎn)字符串操作。不過呢，正則表達式的學(xué)習(xí)曲線有點陡，對于新手小伙伴來說可能需要多花些時間去理解和練習(xí)，但一旦掌握，它絕對能讓你的代碼如虎添翼。

七、方法對比與選擇

咱們一路看下來，這幾種截取字符串最后一位的方法各有千秋。charAt() 兼容性堪稱王者，在那些需要兼容老舊瀏覽器的項目里，它就是首選。雖然代碼看起來沒有 slice(-1) 那么簡潔，但勝在穩(wěn)定可靠，不用擔(dān)心瀏覽器 “鬧脾氣”。substr() 呢，語法上和 slice() 有點類似，不過它在規(guī)范和兼容性上有些小瑕疵，要是項目對代碼規(guī)范性要求極高，又或者需要兼容早期問題較多的瀏覽器版本，使用它就得掂量掂量，除非你已經(jīng)對它的那些脾氣了如指掌，能巧妙避開坑。split() 方法邏輯簡單易懂，對于新手來說很友好，一眼就能看穿它是怎么干活的。但要是遇到性能瓶頸的場景，頻繁使用它來截取字符串最后一位，可能會讓內(nèi)存有點吃不消，因為每次都要新建一個字符數(shù)組。slice() 方法在簡潔性和兼容性之間找到了很好的平衡，一個負數(shù)參數(shù)搞定從后往前截取，代碼寫起來賞心悅目，主流瀏覽器都支持，在日常開發(fā)中，只要不是特別古老的瀏覽器環(huán)境，它的出場率相當(dāng)高。正則表達式法，那是高手手中的利劍，處理復(fù)雜字符串模式不在話下，能完成各種花式的字符提取、替換操作。可學(xué)習(xí)成本較高，要是你對正則表達式的語法只是一知半解，很容易寫出 “翻車” 的代碼，調(diào)試起來也費勁。不過一旦掌握，在處理文本時就能像武林高手一樣瀟灑自如，輕松應(yīng)對各種刁鉆需求?？傊?，在實際項目里，咱們得根據(jù)具體情況來抉擇。要是追求極致的兼容性，charAt() 優(yōu)先考慮；想要代碼簡潔又兼顧主流瀏覽器，slice() 很不錯；偶爾處理復(fù)雜文本規(guī)則，正則表達式能大放異彩；新手入門或者簡單場景，split() 容易上手；至于 substr() ，得謹慎使用，除非你能把控好它的那些小問題。

八、實戰(zhàn)案例

案例一：表單驗證

在用戶注冊或登錄表單中，經(jīng)常會要求用戶輸入驗證碼。假設(shè)后端返回的驗證碼是 654321 ，為了提升用戶體驗，在前端校驗時，我們只截取最后一位數(shù)字，讓用戶輸入這一位進行驗證，減輕用戶記憶負擔(dān)。代碼如下：這里使用 slice(-1) 方法快速拿到驗證碼的最后一位數(shù)字，簡潔高效，在表單驗證場景中能快速準確地完成校驗工作，提升用戶交互的流暢性。

案例二：數(shù)據(jù)處理

在處理文件上傳時，我們拿到一個包含文件名的字符串，如 document.pdf ，需要獲取文件擴展名來判斷文件類型是否符合要求。這時就可以用 split() 方法來截取最后一位：通過 split('.') 將文件名按點號分割成數(shù)組，再取數(shù)組最后一個元素，精準獲取文件擴展名，方便后續(xù)根據(jù)文件類型進行針對性處理，確保數(shù)據(jù)上傳環(huán)節(jié)的準確性。

九、總結(jié)

好啦，今天咱們一起深挖了 JavaScript 中截取字符串最后一位的多種方法，從經(jīng)典的 charAt() 、substr() ，到巧妙的 split() 、slice() ，再到強大的正則表達式法，每一種都有它獨特的魅力和適用場景。希望大家在今后的 JavaScript 編程之旅中，遇到需要截取字符串最后一位的情況時，能夠胸有成竹，根據(jù)項目的實際需求靈活選用合適的方法。多動手實踐，不斷積累經(jīng)驗，讓咱們的代碼更加簡潔、高效、優(yōu)雅，向著成為 JavaScript 大神的目標穩(wěn)步邁進！要是在實踐過程中遇到啥問題，別忘了回來溫故而知新哦，祝大家編碼愉快！