如何在 JavaScript 中獲取兩個相似字元之間的子字串？

在我們學習如何在 JavaScript 中獲取兩個相似字元之間的子字串之前，讓我們快速瞭解一下 JavaScript 中的字元。

在字串中，charAt() 方法返回位於給定索引（位置）處的字元。第一個字元的索引為 0，第二個字元的索引為 1。

在 JavaScript 中獲取子字串

substring() 方法接受一個字串並提取兩個索引（位置）之間的所有字元，然後返回子字串。使用substring() 方法可以從字串中提取字元。使用substring() 方法時，原始字串保持不變。

語法

以下是substring() 的語法：

string.substring(start, end)

讓我們深入瞭解本文，學習更多關於如何在 JavaScript 中獲取兩個相似字元之間的子字串的內容。為此，我們可以使用split() 的概念。

在 JavaScript 中使用 split()

使用split() 方法可以將字串分割成子字串陣列。split() 方法的輸出是一個新的陣列。split() 方法不會改變字串的原始內容。當應用分隔符（""）時，字串被分割成單詞。

語法

以下是split() 的語法：

string.split(separator, limit)

示例

在下面的示例中，我們執行一個指令碼並傳遞一個值；稍後，我們宣告 var=result[] 以使用split() 獲取輸出。

<!DOCTYPE html>
<html>
   <body>
      <script>
         var result = [];
         const str1 = 'one:two;three';
         result = str1.split(":");
         document.write(result[0]);
      </script>
   </body>
</html>

當指令碼執行時，它將生成一個包含值“one”的輸出，該值將在指令碼執行觸發事件時顯示在網頁上。

示例

讓我們來看下面的例子，我們使用split() 來獲取所需的輸出。

<!DOCTYPE html>
<html>
   <body>
      <script>
         var s = 'HelloIm cat:Your arewelcome to tutorialspoint dog;';
         var arrayStr = s.split(/[:;]/);
         alert(arrayStr[1]);
      </script>
   </body>
</html>

當指令碼執行時，事件被觸發並在警示框中顯示我們在指令碼中使用的索引的文字。

示例

考慮下面的例子，這裡我們使用split() 方法，它將字串分割成子字串，並將子字串放入陣列中。稍後，我們將傳遞一個索引值以獲取所需的輸出。

<!DOCTYPE html>
<html>
   <body>
      <script>
         let str = 'xyz:welcome to tutorialspoint:66df88v:'.split(':')
         document.write(str[1])
      </script>
   </body>
</html>

執行上面的指令碼後，輸出視窗將彈出，在網頁上顯示文字，該文字是由執行指令碼時觸發的事件引起的。

示例

在下面的示例中，我們執行帶有 slice() 的指令碼並提及索引以在螢幕頁面上獲取所需的輸出。

<!DOCTYPE html> 
<html> 
   <body>
      <script> 
         let str = 'tp:The Best E-Way Learning:007jb700:' 
         document.write(str.slice(3, 35))
      </script>
   </body>
</html>

當指令碼執行時，它將生成一個包含位於 (3, 35)（起始值）和（結束值）之間的文字的輸出，該文字透過執行指令碼時觸發的事件獲得，並列印在網頁上。

更新於：2023年4月21日

3K+ 次瀏覽

啟動你的職業生涯

透過完成課程獲得認證

開始學習
廣告