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

JavaScript substr() 和 substring() – 有什麼區別?

JavaScript 有兩種外觀相似的方法來從字符串中提取子字符串 - substr()substring() .這篇文章解釋了區別。

這兩個函數執行幾乎相同的功能並且具有幾乎相同的名稱,並且乍一看,甚至似乎具有相同的語法 - 但它們是不同的!

以下是每個函數的語法 - 並排顯示,以便您看到區別。

關於索引的快速提醒

索引 是表示位置的整數 系列中的一個項目。 索引 從 0 開始計數 - 所以第一個索引是索引 0 ,第二個是索引1 ,等等。

由於字符串是一系列字符,每個字符的位置可以通過它的index來描述 .

以字符串為例:

abcdefg

字母 a 位於索引 0, 和字母 c 位於索引 2 .

JavaScript substr() 語法

Javascript substr() 的語法 方法如下:

string.substr(START, LENGTH)

注意:

  • substr() 將返回給定字符串的一部分 ,從索引 START 開始 到指定的 LENGTH
  • 開始索引 您希望從哪個角色開始
  • 長度最大字符數 您希望包含
    • 如果不指定,則返回從START開始的剩餘字符串
    • 如果大於字符串剩餘字符數,則返回從START開始的剩餘字符串

substr() 示例

var myString = "Ahoy!"; // Define a string
var mySubstring = myString.substr(1, 4); // Returns "hoy!"

JavaScript substring() 語法

substring() 的語法 方法如下:

string.substring(START, END)

注意:

  • substring() 將返回給定字符串的一部分 ,從索引 START 開始 並在索引 END 處結束
  • 開始索引 您希望從哪個角色開始
  • 結束索引 你希望在
      處結束的字符
    • 這是可選的 - 如果未指定,將返回字符串的其餘部分
    • 它也不包括 在生成的子字符串中——直到 結束 僅包括在內

子字符串() 示例

var myString = "Ahoy!"; // Define a string
var mySubstring = myString.substring(1, 4); // Returns "hoy"

請注意 substring() 向 substr() 返回了不同的結果——因為它使用 index 計算結束位置而不是最大字符數。

區別(第二個參數)

如上圖,區別在於第二個參數。 substring() 接受索引 停下來,而 substr() 接受最大字符數 返回。

JavaScript split() 函數也可用於從字符串創建子字符串。


Tutorial JavaScript 教程
  1. dev.to 中很棒的 JavaScript 和 Reacties 概念

  2. 介紹 React Lab:試驗 React 的遊樂場

  3. ||和 &&不是 JavaScript 中的邏輯運算符

  4. 如何串聯。 (點)在javascript中帶有數字

  5. 帶有 Asp.Net Core Razor 頁面的 AG-Grid 教程 - 第 3 部分

  6. 嘗試導入錯誤:'getMoviesList' 未從 react redux 中的 './actions' 錯誤導出

  7. 為 MongoDB 數據庫播種的文檔的自動隨機測試數據生成

  1. 帶有 getFullYear() 的 JavaScript 當前年份

  2. 使用 NodeJs、Jest、Knex 和 SQLite 內存數據庫進行集成測試

  3. addEventListener() 方法 – JavaScript 事件監聽器示例代碼

  4. 幾個月前開始編程......

  5. 向我們展示您的 Gridsome 網站

  6. 帶有 Firebase 的無服務器應用程序

  7. 使用 React Hooks 自動保存

  1. 開源是一種寶貴的開發資源。請注意

  2. 用於無服務器集成測試的快速 CI

  3. Safari 以不同方式處理定位的元素

  4. 如何創建 Google Chrome 擴展程序