JavaScript >> Javascript 文檔 >  >> Tags >> string

JavaScript:檢查字符串是否以子字符串開頭

簡介

在本教程中,我們將了解 如何在 JavaScript 中檢查字符串是否以子字符串開頭 .

這可以通過 startsWith() 輕鬆實現 方法,或正則表達式 .

檢查字符串是否以另一個字符串開頭 startsWith()

startsWith(searchString[, position]) 方法返回一個布爾值,指示字符串是否以指定 searchString 的字符開頭 .可選地,我們也可以使用 position 參數來指定開始搜索的字符串的位置。

讓我們看看實際情況:

const str = "This is an example for startsWith() method";

console.log(str.startsWith("This")); // true
console.log(str.startsWith("is", 2)); // true

在第一個示例中,我們正在檢查字符串 str"This" 開頭 .

在第二個示例中,我們正在檢查 str"is" 開頭 , 如果我們從索引 2(即第 3 個字符)開始搜索。

使用正則表達式檢查字符串是否以另一個字符串開頭

正則表達式真的很強大,可以讓我們匹配各種模式。這對他們來說是一個很好的用例,因為我們本質上是在檢查一個模式——如果一個字符串以一個子字符串開頭。

regexObj.test(reg) 方法嘗試匹配指定的正則表達式reg 到原始字符串並返回一個 boolean 指示是否找到匹配的值:

const str = "hello world";

const regEx = /^he/;

console.log(regEx.test(str)); // true

在這種方法中,我們正在檢查模式 regEx 出現在字符串 str 中 . ^ 元字符表示指定的模式he 必須在一行的開頭。因此,正則表達式 - /^he/ 檢查指定行是否以子字符串 he 開頭 .

結論

在本教程中,我們了解瞭如何使用 startsWith() 在原生 JavaScript 中檢查字符串是否以子字符串開頭 方法,以及正則表達式。


Tutorial JavaScript 教程
  1. ES6 - 初學者指南 - Rest and Spread Operator

  2. React Portfolio:如何使用 React.js 模板創建您的投資組合網站

  3. useContext 的案例

  4. 如何從 JavaScript 修改 CSS 顯示屬性?

  5. 😎控制你的表情符號頭像😀的表情😳

  6. Javascript 能夠從 HTML 頁面中卸載圖像嗎?

  7. 你更喜歡如何創建一個新項目?

  1. Javascript:“拼接”的算法性能是什麼?

  2. 關於惰性的實習:去優化函數的惰性取消鏈接

  3. SvelteKit hCaptcha 聯繫表:讓機器人遠離

  4. React useState - 快速指南

  5. 選擇 JavaScript 數組中的最後一個元素

  6. 避免 Polyfilling 的 JS 類型

  7. RxJS 簡化 - 主題(大理石派對!)

  1. 使用 js-test-driver 調試單元測試

  2. 在 Vue 和 NuxtJS 中設置字體很棒

  3. 為什麼我的前端面試總是失敗 + DOM 操作

  4. React Native 動畫 - 簡單的分步指南