使用JavaScript截取字符串中的子串方法

一、substr() 方法

在JavaScript中，我們可以使用substr()方法來截取字符串中的子串。substr()方法接收兩個參數，第一個參數是起始索引號，第二個參數是子串的長度。我們可以通過指定這兩個參數來截取字符串中的子串。代碼示例如下：

var str = "Hello World!";
var subStr = str.substr(0, 5); // 從索引0開始，截取長度為5的子串
console.log(subStr); // 輸出 "Hello"

在上面的代碼中，我們首先定義了一個字符串變量str，然後使用substr()方法截取了該字符串的前5個字符，即從索引0開始，截取長度為5的子串。最後我們通過console.log()方法將截取得到的子串輸出到控制台。

需要注意的是，第二個參數是可選的，若未指定該參數，則會截取從起始索引號開始直到字符串末尾的所有字符。如果第一個參數是負數，則該值會被視為從字符串末尾開始計數，並從那裡開始提取字符。

二、slice() 方法

另一個常用的字符串截取方法是slice()。和substr()方法不同的是，slice()方法接收的參數是start和end兩個索引號，它會截取在start和end之間（不包括end所在的字符）的字符。代碼示例如下：

var str = "Hello World!";
var subStr = str.slice(0, 5); // 從索引0開始，截取到索引5（不包括該索引）之間的子串
console.log(subStr); // 輸出 "Hello"

需要注意的是，和substr()方法一樣，如果start或end參數是負數，則該值會被視為從字符串末尾開始計數，並從那裡開始提取字符。如果end參數省略，則slice()方法會一直截取到字符串的末尾。

三、substring() 方法

substring()方法也可以用來截取字符串中的子串。該方法接收兩個參數，第一個參數是子串的起始索引，第二個參數是子串的結束索引（不包括該索引）。需要注意的是，第二個參數必須大於第一個參數。如果第一個參數大於第二個參數，則substring()方法會自動交換這兩個參數。代碼示例如下：

var str = "Hello World!";
var subStr = str.substring(0, 5); // 從索引0開始，截取到索引5（不包括該索引）之間的子串
console.log(subStr); // 輸出 "Hello"

需要注意的是，如果參數是負數，則substring()方法會將其視為0。如果某一參數缺省，則該參數將視為字符串的長度。如果前一個參數大於後一個參數，則該方法將為這兩個參數交換位置，以便於正確地使用start和end參數。

四、總結

本文主要介紹了JavaScript中常用的三種截取字符串中子串的方法，分別是substr()、slice()和substring()。這三種方法都可以用來截取字符串中的子串，但是它們的參數以及用法略有不同。需要根據實際的需求選擇合適的方法來實現字符串截取功能。在使用這些方法時，需要注意參數的取值範圍以及相互之間的差別，才能夠正確地實現字符串截取的功能。