JavaScript 字串 startsWith
-
在 JavaScript 中使用字串
startsWith()方法 -
在 JavaScript 中使用
indexOf()函式來檢查字串是否以另一個字串開頭 -
在 JavaScript 中使用
lastIndexOf()函式檢查字串是否以另一個字串開頭 -
在 JavaScript 中使用
substring()函式檢查字串是否以另一個字串開頭 -
使用 Regex 的
test()方法檢查字串是否以 JavaScript 中的另一個字串開頭 - 在 JavaScript 中使用帶有迴圈的自定義函式來檢查字串是否以另一個字串開頭
當我們想要確保字串是否以特定字串開頭時，在編碼時會有一些情況。
例如，我想檢查給定的字串是否以 Me 字串開頭。
今天，我們將學習如何使用 startsWith()、indexOf()、lastIndexOf()、substring() 函式以及正規表示式的 test() 方法來檢查字串是否以特定字串開頭和一個帶迴圈的自定義函式。
在 JavaScript 中使用字串 startsWith() 方法
ECMAScript 2015（也稱為 ES6）引入了 startsWith() 方法，該方法檢查字串是否以指定字串開頭。如果找到匹配，則輸出 true；否則，假。
startsWith() 方法有兩個引數：searchString，第二個是 position，它是可選的，預設為零。如果指定了位置，則函式從該位置搜尋字串。
在下面的例子中，我們沒有指定 position。因此，它從索引零開始區分大小寫搜尋。
var name = 'Hi John, how are you doing?'
console.log(name.startsWith('Hi John'));
輸出：
true
示例程式碼：
var name = 'Hi John, how are you doing?'
console.log(name.startsWith('Hi john'));
輸出：
false
示例程式碼：
var name = 'Hi John, how are you doing?'
console.log(name.startsWith(
'how', 9)); // it starts searching and matching from index 9
輸出：
true
在 JavaScript 中使用 indexOf() 函式來檢查字串是否以另一個字串開頭
indexOf() 與陣列一起使用來定位元素並返回找到它的第一個索引，但我們也可以通過以下方式使用字串。
如果匹配元素的索引為零，則表示字串以指定字串開頭。
示例程式碼：
var name = 'Hi John, how are you doing?'
if (name.indexOf('Hi') === 0)
console.log(true);
else console.log(false);
輸出：
true
它還區分大小寫搜尋。看看下面的示例程式碼。
var name = 'Hi John, how are you doing?'
if (name.indexOf('hi') === 0)
console.log(true);
else console.log(false);
輸出：
false
如果我們想讓 indexOf() 從指定位置定位元素怎麼辦？
var name = 'Hi John, how are you doing?'
if (name.indexOf('how') === 9)
console.log(true);
else console.log(false);
輸出：
true
在 JavaScript 中使用 lastIndexOf() 函式檢查字串是否以另一個字串開頭
此函式返回字串中特定值的最後一次出現的位置/索引。
它從末尾開始搜尋並移向字串的開頭。如果值不存在，則返回 -1。
我們可以稍微修改一下，通過下面的方式使用 lastIndexOf() 方法來檢視字串是否以另一個字串開頭。
示例程式碼：
var name = 'Hi John, how are you doing?'
if (name.lastIndexOf('Hi', 0) === 0)
console.log(true);
else console.log(false);
輸出：
true
雖然，它從頭開始搜尋。但是我們在索引 0 處指定它的結尾。
請記住，對於此功能，hi 和 Hi 是不同的。
你可以這裡詳細瞭解它。
在 JavaScript 中使用 substring() 函式檢查字串是否以另一個字串開頭
除了指定另一個字串來檢查字串是否以它開頭，我們還可以根據字串的長度輸入索引範圍。
例如，我們要檢查字串是否以 Hi 開頭，因此索引如下。
var name = 'Hi John, how are you doing?'
// here the end index is not included means the end index
// would be endIndex-1
console.log(name.substring(0, 2));
輸出：
Hi
如果我們尋找 Hi John，我們可以修改它，如下所示。
var name = 'Hi John, how are you doing?'
console.log(name.substring(0, 7));
輸出：
Hi John
如果你要在中間某處尋找特定的字串部分，則使用此函式不是一個好的選擇。原因是你可能在給定索引上找不到預期的字串。
使用 Regex 的 test() 方法檢查字串是否以 JavaScript 中的另一個字串開頭
var name = 'Hi John, how are you doing?'
console.log(/^Hi John/.test(name));
輸出：
true
它也區分大小寫。請參閱以下示例。
var name = 'Hi John, how are you doing?'
console.log(/^Hi john/.test(name));
輸出：
false
你還可以使用具有不同引數和屬性的 RegExp 物件的方法。你可以在此處詳細瞭解它。
你是否考慮過使用自定義函式來完成此功能？讓我們看一下以下部分。
在 JavaScript 中使用帶有迴圈的自定義函式來檢查字串是否以另一個字串開頭
示例程式碼：
function startsWithFunction(completeString, starterStr) {
for (var i = 0; i < starterStr.length; i++) {
if (completeString[i] !== starterStr[i]) {
return false;
}
}
return true;
}
console.log(startsWithFunction('Hi John, how are you doing?', 'Hi'));
輸出：
true
startsWithFunction() 採用主字串 Hi John, how are you doing? 和另一個字串 Hi，以檢查主字串是否以它開頭。
此函式匹配每個字元並在成功時返回 true；否則返回 false。
