JavaScript >> Javascript 文檔 >  >> Tags >> string

JavaScript:從字符串中刪除第一個/最後一個字符 [示例]

本教程將介紹幾種在 JavaScript 編程語言中從字符串中刪除第一個或最後一個字符(或兩者!)的方法。

如果您需要將名稱或句子大寫或刪除標點符號,這會很有用。

使用 substring() 刪除第一個/最後一個字符 方法

JavaScript substring() 方法可用於從字符串中刪除第一個或最後一個字符。

您可以了解更多關於 substring() 和類似的substr() 方法在這裡。

下面的代碼示例展示瞭如何從字符串中刪除第一個、最後一個以及第一個和最後一個字符。

var myString = "Hello LinuxScrew!"; // Define a string
var removeFirstLetter = myString.substring(1); // Will return "ello LinuxScrew!"
var removeLastLetter = myString.substring(0, myString.length -1); // Will return "Hello LinuxScrew"
var removeFirstAndLastLetter = myString.substring(1, myString.length -1); // Will return "ello LinuxScrew"

如果字符串只有 1 個字符長怎麼辦?

使用 substring() 有一個缺點——它不能很好地處理單字符串。如果您不確定要處理的字符串提前多長時間或知道它可能需要一個單字符值,建議使用 slice() 本教程後面概述的方法。

var myString = "H"; // Define a string
var removeFirstLetter = myString.substring(1); // Will return ""
var removeLastLetter = myString.substring(0, myString.length -1); //  Will return ""
var removeFirstAndLastLetter = myString.substring(1, myString.length -1); // Will return "H" - which is wrong!

為什麼只有一個字符時這個方法不起作用? 這與 substring() 的方式有關 作品。 substring() 使用索引 字符串中的字符來確定保留什麼,丟棄什麼。

空字符串呢?

substring() 方法確實 處理空字符串時行為正確——嘗試刪除第一個/最後一個字符時返回預期的空字符串:

var myString = ""; // Define a string
var removeFirstLetter = myString.substring(1); // Will return ""
var removeLastLetter = myString.substring(0, myString.length -1); //  Will return ""
var removeFirstAndLastLetter = myString.substring(1, myString.length -1); // Will return ""

使用 slice() 刪除第一個/最後一個字符 方法

如果您不確定要處理的字符串的長度,使用 slice() 會更安全 方法:

var myString = "Hello LinuxScrew!"; // Define a string
var removeFirstLetter = myString.slice(1, myString.length); // Will return "ello LinuxScrew!"
var removeLastLetter = myString.slice(0, s.length -1); // Will return "Hello LinuxScrew"
var removeFirstAndLastLetter = myString.slice(1,myString.length).slice(0, myString.length - 2); // Will return "ello LinuxScrew"

注意最後一行,第二次調用 slice() 結束位置為 myString.length – 2 – 因為兩個字符在兩個單獨的切片操作中被刪除。

使用 slice() 無論字符串的長度如何,都可以使用。


Tutorial JavaScript 教程
  1. 如何在 Typescript 中編寫 Backoff 函數

  2. 在vue方法中構造數組

  3. 如何將靜態 Next.js 部署到 AWS S3

  4. React Native 在 2022 年仍然重要嗎?

  5. 第 9 天:設置 mongoDB

  6. 如何使用 Graphql 片段。

  7. ES6 - 初學者指南 - 模板文字

  1. 移動醫療保健應用程序和 HIPAA 合規性

  2. 2022 年 WordPress 深入 HTTP 到 HTTPS 遷移指南

  3. 面向 Web 開發人員的桌面開發 - 第 4 部分

  4. 肯特 C. 多茲 | ZDS 074

  5. 介紹 Pico Redux - 更快更小的 Redux!

  6. 美味鏈接#4

  7. 對 monetize-npm-cli 進行了重大改進🔥

  1. Mevn-CLI,基於 MEVN 堆棧的應用程序的光速設置

  2. 使用 Node.js 構建 CLI

  3. 🍗Show Dev:將 Twitter 搜索結果免費發佈到 Slack,無需使用 AWS Amplify 編寫代碼

  4. 在 React useEffect 中取消 Fetch 請求