使用JavaScript截取字元串最後一個字元

一、背景介紹

在JavaScript中，字元串是一種重要的數據類型，而對於字元串的操作是開發中繞不開的一個主題。其中截取字元串的操作其實是最為常見和基礎的操作之一。在截取字元串的方式中，截取最後一個字元的方式也是非常常見的一種。本文將結合實際的應用場景和示例詳細介紹如何使用JavaScript截取字元串中的最後一個字元。

二、基本方法

在JavaScript中截取字元串中的最後一個字元可以使用兩種方法，分別是使用substring()或slice()函數。

1、使用substring()函數截取字元串

let str = "hello world";
let lastChar = str.substring(str.length - 1);
console.log(lastChar); // "d"

在上述示例中，先定義了一個字元串變數str，然後使用substring()函數截取字元串中的最後一個字元，具體使用方法是將字元串的長度減去1，然後作為參數傳入substring()函數中。

2、使用slice()函數截取字元串

let str = "hello world";
let lastChar = str.slice(-1);
console.log(lastChar); // "d"

在上述示例中，使用slice()函數截取字元串中的最後一個字元，具體使用方法是將參數中的索引值設置為-1，表示從字元串的結尾位置向前一個單位的位置，然後返回該位置所對應的字元。

三、應用場景

截取字元串中的最後一個字元在實際應用中也是非常常見的，下面以一些實際場景為例子來說明該操作的實際應用。

1、判斷文件類型

let fileUrl = "http://www.example.com/uploads/abc.jpg";
let fileType = fileUrl.slice(-3);
if (fileType === "jpg" || fileType === "png" || fileType === "gif"){
  console.log("圖片文件");
}

在上述示例中，如果需要判斷該文件是否為圖片文件，則需要先截取出文件的後綴名，即文件類型。通過使用slice()函數截取字元串中的最後三個字元，獲取文件後綴名。if語句中的條件判斷可以根據實際需要進行修改，這裡以”jpg”、”png”、”gif”三種常見的圖片格式為例。

2、輸入框銀行卡號格式化

function formatCardNumber(cardNumber){
  let lastChar = cardNumber.slice(-1);
  if (lastChar === " "){
    return cardNumber;
  } else {
    let newCardNumber = cardNumber.replace(/\D/g,'').replace(/....(?!$)/g,'$& ');
    return newCardNumber;
  }
}

在上述示例中，如果需要對銀行卡號進行格式化，則需要先判斷輸入框中的最後一個字元是否為空格。如果最後一個字元已經是空格，則無需再次格式化；反之，需要先使用replace()函數剔除非數字字元，然後再使用正則表達式在每四個字元之間插入一個空格，最後返回格式化後的字元串。

四、總結

通過本文的介紹，我們了解了如何使用JavaScript截取字元串中的最後一個字元，並給出了一些實際應用的場景。在實際開發過程中，對於字元串的操作和處理是必不可少的一部分。使用JavaScript截取字元串中的最後一個字元也是開發中需要頻繁使用的操作之一，掌握了這一技能可以讓我們更加高效地完成開發任務。