在 JavaScript 中從字串中獲取第一個字元

1. 在 JavaScript 中使用 slice() 獲取字串的第一個字元
2. 在 JavaScript 中使用 charAt() 獲取字串的第一個字元
3. 在 JavaScript 中使用 substring() 獲取字串的第一個字元
4. 在 JavaScript 中使用 substr() 獲取字串的第一個字元

在處理字串時，一些有用的方法可以幫助我們在 JavaScript 中使用和操作字串的資料結構。本文將指導你使用內建的 JavaScript 方法來獲取字串的第一個字元。

四種方法，slice、charAt、substring 和 substr，在 JavaScript 中可用，它們將返回一個新字串而不改變原始字串。

在 JavaScript 中使用 slice() 獲取字串的第一個字元

slice() 方法是 JavaScript 提供的內建方法。

此方法在兩個位置切斷字串。這種切割是通過採用兩個輸入，開始和結束索引來實現的。

基於此，它將返回索引之間的字串部分。如果只提供了開始索引，它將返回到最後一個字元。

語法：

slice(beginIndex)
slice(beginIndex, endIndex)

begin 和 end 索引中出現的任何字元（包括開始字元和結束前的一個字元）都將插入到新字串中。結束索引是一個可選引數。

有關更多資訊，請閱讀 slice() 方法文件。

const inputString = 'Welcome to JavaScript tutorial';
const outputString1 = inputString.slice(0, 1);
const outputString2 = inputString.slice(4, -2);
console.log(outputString1);
console.log(outputString2);

如果我們呼叫 slice(1, 8)，這會將字元 W 從原始字串 inputString 複製到 outputString1。這裡有趣的部分是，當你給出負索引時，輸入引數將被視為 str.length + index。

上面的程式碼會給你下面的輸出。

輸出：

"W"
"ome to JavaScript tutori"

在 JavaScript 中使用 charAt() 獲取字串的第一個字元

此方法獲取指定索引處的單個 UTF-16 程式碼單元。此方法不會改變或修改原始字串。

語法：

charAt(index)

索引處出現的任何字元都將插入到新字串中。如果未提供索引，則預設情況下將考慮 0。

有關更多資訊，請閱讀 charAt() 方法文件。

const inputString = 'Welcome to JavaScript tutorial';
const outputString1 = inputString.charAt(0);
const outputString2 = inputString.charAt(11);
console.log(outputString1);
console.log(outputString2);

如果我們呼叫 charAt(0)，這會將字元 W 從原始字串 inputString 複製到 outputString1。上面的程式碼會給你下面的輸出。

輸出：

"W "
"J"

在 JavaScript 中使用 substring() 獲取字串的第一個字元

substring() 方法是 JavaScript 提供的內建方法。

此方法在兩個位置切斷字串。這種切割是通過採用兩個輸入、開始索引和結束索引來實現的。

基於此，它將返回索引之間的字串部分。如果只提供了起始索引，它將返回字串的結尾。

語法：

substring(indexStart);
substring(indexStart, indexEnd);

start 和 end 索引中出現的任何字元（包括開始字元和結束前的一個字元）都將插入到新字串中。結束索引是可選的。

有關更多資訊，請閱讀 substring() 方法文件。

substring() 和 slice() 之間的唯一區別在於引數。

如果 indexStart 大於 indexEnd，則 substring 方法交換兩個引數。這意味著仍然返回一個字串。

在這種情況下，slice 方法返回一個空字串。如果任何引數為 negative 或 NaN，子字串方法將兩個引數都視為 0。

slice 也將 NaN 引數視為 0。但是當傳遞負值時，它會從字串的末尾開始倒計時以找到索引。

const inputString = 'Hello World!';
const outputString = inputString.substring(0, 1);
console.log(inputString);
console.log(outputString);

如果我們呼叫 substring(0, 1)，這會將字元 H 從原始字串 inputString 複製到 outputString。最後，我們將使用 console.log() 方法列印兩個字串。

上面的程式碼會給你下面的輸出。

輸出：

"Hello World!"
"H"

在 JavaScript 中使用 substr() 獲取字串的第一個字元

substr() 方法是 JavaScript 提供的內建方法。

此方法在兩個位置切斷字串。這種切割是通過獲取兩個輸入、開始索引和之後的字元總數來實現的。

並基於此，它將返回索引和總數之間的字串部分。如果只提供了起始索引，它將返回字串的結尾。

語法：

substr(start);
substr(start, length);

start 索引和 length 中出現的任何字元都將插入到新字串中。長度在這裡是一個可選引數。

有關更多資訊，請閱讀 substr() 方法文件。

substring() 和 substr() 之間的唯一區別在於引數。

substring() 方法將起始和結束索引表示為引數。相比之下，substr() 表示作為引數的返回字串中的起始索引和字元數。

const inputString = 'Hello World!';
const outputString1 = inputString.substr(0, 1);
const outputString2 = inputString.substr(1, 0);
console.log(inputString);
console.log(outputString1);
console.log(outputString2);

如果我們呼叫 substr(0, 1)，這會將字元 H 從原始字串 inputString 複製到 outputString1。這裡有趣的部分是交換輸入引數不會複製任何字元，因為長度是 0。

上面的程式碼會給你下面的輸出。

輸出：

"Hello World!"
"H"
""