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

Shraddha Paghdar 2023年1月30日
  1. 在 JavaScript 中使用 slice() 獲取字串的第一個字元
  2. 在 JavaScript 中使用 charAt() 獲取字串的第一個字元
  3. 在 JavaScript 中使用 substring() 獲取字串的第一個字元
  4. 在 JavaScript 中使用 substr() 獲取字串的第一個字元
在 JavaScript 中從字串中獲取第一個字元

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

四種方法,slicecharAtsubstringsubstr,在 JavaScript 中可用,它們將返回一個新字串而不改變原始字串。

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

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

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

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

語法:

slice(beginIndex)
slice(beginIndex, endIndex)

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

有關更多資訊,請閱讀 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);

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

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

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

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

在這種情況下,slice 方法返回一個空字串。如果任何引數為 negativeNaN,子字串方法將兩個引數都視為 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"
""
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

相關文章 - JavaScript String