WeHelp
掌握基礎的 JavaScript 觀念、語法、和程式運作流程,以及物件導向程式的入門技巧。
  1. JavaScript 快速開始
  2. 資料、資料型態
  3. 變數的使用
  4. 運算符號
  5. IF 條件判斷
  6. Switch 條件判斷
  7. While 迴圈
  8. For 迴圈
  9. 函式基礎
  10. 內建函式
  11. 箭頭函式
  12. 匿名函式
  13. 物件基礎
  14. 建構函式
  15. 類別與物件
  16. 字串物件
  17. 數學物件
  18. 陣列物件
字串物件
## JavaScript 字串簡介 在 JavaScript 中,字串(String)通常以文字形式表示,例如: ```javascript let message = "Hello, JavaScript!"; ``` 字串本身是**原始資料型別(primitive)**,但 JavaScript 會在需要時,暫時將它包裝成內建的 `String` 物件,因此我們可以使用許多字串方法: ```javascript let text = "hello"; console.log(text.toUpperCase()); // HELLO ``` 這種機制稱為「自動包裝(autoboxing)」。需要注意的是,字串是**不可變(immutable)** 的,字串方法通常不會直接修改原本的字串,而是回傳新的字串。 ## 常見字串方法 | 方法 | 說明 | |---|---| | `length` | 取得字串長度 | | `toUpperCase()` | 轉換成大寫 | | `toLowerCase()` | 轉換成小寫 | | `trim()` | 移除字串前後空白 | | `includes()` | 判斷是否包含指定文字 | | `indexOf()` | 找出指定文字第一次出現的位置 | | `slice()` | 擷取部分字串 | | `replace()` | 取代指定內容 | | `split()` | 將字串分割成陣列 | ## 範例一:轉換大小寫與取得長度 ```javascript let text = "JavaScript"; console.log(text.toUpperCase()); console.log(text.toLowerCase()); console.log(text.length); ``` 輸出結果: ```text JAVASCRIPT javascript 10 ``` ## 範例二:檢查內容並擷取字串 ```javascript let message = "I love JavaScript"; console.log(message.includes("JavaScript")); console.log(message.slice(2, 6)); ``` 輸出結果: ```text true love ``` `includes()` 會回傳布林值,表示字串是否包含指定內容;`slice(2, 6)` 則會從索引 `2` 開始,擷取到索引 `6` 之前的字元。
相關學習地圖、教學課程
F2E 網站前端工程
從 0 開始,成為網站前端工程師的學習路徑。