JavaScript 中字串資料型別掌握指南

JavaScript 是一種多功能語言，提供了大量處理字串的函數。字串是任何程式語言中最基本的資料類型之一，了解如何有效地操作它們可以顯著提高您的編碼技能。在本文中，我們將深入研究 JavaScript 字串函數，提供詳細的解釋、範例和註釋來幫助您掌握它們。

JavaScript 中的字串簡介

在 JavaScript 中，字串是用來表示文字的字元序列。字串是不可變的，這意味著一旦創建，就無法更改。相反，字串操作會建立新字串。

let greeting = "Hello, World!";
console.log(greeting); // Output: Hello, World!

建立字串

可以使用單引號、雙引號或範本文字的反引號來建立字串。

let singleQuoteStr = 'Hello';
let doubleQuoteStr = "Hello";
let templateLiteralStr = `Hello, ${singleQuoteStr}`;
console.log(templateLiteralStr); // Output: Hello, Hello

字串屬性

• length：傳回字串的長度。

let str = "JavaScript";
console.log(str.length); // Output: 10

字串方法

1. charAt()

傳回指定索引處的字元。

let str = "JavaScript";
console.log(str.charAt(0)); // Output: J

2. charCodeAt()

傳回指定索引處字元的 Unicode。

let str = "JavaScript";
console.log(str.charCodeAt(0)); // Output: 74

3. 連接（）

連接兩個或多個字串並傳回一個新字串。

let str1 = "Hello, ";
let str2 = "World!";
let result = str1.concat(str2);
console.log(result); // Output: Hello, World!

4. 包含()

檢查字串是否包含指定值，傳回 true 或 false。

let str = "JavaScript is awesome!";
console.log(str.includes("awesome")); // Output: true

5. 結束（）

檢查字串是否以指定值結尾，傳回 true 或 false。

let str = "Hello, World!";
console.log(str.endsWith("World!")); // Output: true

6.indexOf()

傳回指定值第一次出現的索引，如果沒有找到則傳回 -1。

let str = "JavaScript is awesome!";
console.log(str.indexOf("is")); // Output: 11

7. 最後索引()

傳回指定值最後一次出現的索引，如果找不到則傳回 -1。

let str = "JavaScript is awesome! JavaScript is fun!";
console.log(str.lastIndexOf("JavaScript")); // Output: 22

8. 匹配（）

將字串與正規表示式相符時檢索符合項目。

let str = "JavaScript is awesome!";
let regex = /is/g;
console.log(str.match(regex)); // Output: [ 'is', 'is' ]

9. 重複（）

傳回一個新字串，其中包含呼叫它的字串的指定數量的副本。

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

10. 替換()

將指定值替換為字串中的另一個值。

let str = "JavaScript is awesome!";
let newStr = str.replace("awesome", "fantastic");
console.log(newStr); // Output: JavaScript is fantastic!

11. 搜尋（）

在字串中搜尋指定值並傳回符合的位置。

let str = "JavaScript is awesome!";
console.log(str.search("awesome")); // Output: 15

12. 切片（）

提取字串的一部分並將其作為新字串傳回。

let str = "JavaScript";
console.log(str.slice(0, 4)); // Output: Java

13. 分割()

根據指定的分隔符號將字串拆分為子字串數組。

let str = "Hello, World!";
let arr = str.split(", ");
console.log(arr); // Output: [ 'Hello', 'World!' ]

14. 開始（）

檢查字串是否以指定值開頭，傳回 true 或 false。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

15. 子串()

從兩個指定索引之間的字串中提取字元。

let str = "JavaScript";
console.log(str.substring(0, 4)); // Output: Java

16.toLowerCase()

將字串轉換為小寫字母。

let str = "JavaScript";
console.log(str.toLowerCase()); // Output: javascript

17. toUpperCase()

將字串轉換為大寫字母。

let str = "JavaScript";
console.log(str.toUpperCase()); // Output: JAVASCRIPT

18. 修剪（）

刪除字串兩端的空格。

let str = "   JavaScript   ";
console.log(str.trim()); // Output: JavaScript

19. 修剪開始()

刪除字串開頭的空格。

let str = "   JavaScript";
console.log(str.trimStart()); // Output: JavaScript

20. 修剪結束（）

刪除字串末尾的空格。

let str = "JavaScript   ";
console.log(str.trimEnd()); // Output: JavaScript

21. valueOf()

傳回 String 物件的原始值。

let str = new String("JavaScript");
console.log(str.valueOf()); // Output: JavaScript

範本文字

模板文字允許嵌入表達式，使字串連接和多行字串更容易。

let name = "John";
let greeting = `Hello, ${name}! How are you?`;
console.log(greeting); // Output: Hello, John! How are you?

字串.raw()

傳回從原始範本字串建立的字串，允許在寫入時存取原始字串。

let str = String.raw`Hello\nWorld!`;
console.log(str); // Output: Hello\nWorld!

實際例子

範例 1：反轉字串

function reverseString(str) {
    return str.split('').reverse().join('');
}
console.log(reverseString("JavaScript")); // Output: tpircSavaJ

範例 2：檢查回文

function isPalindrome(str) {
    let cleanedStr = str.replace(/[\W_]/g, '').toLowerCase();
    return cleanedStr === cleanedStr.split('').reverse().join('');
}
console.log(isPalindrome("A man, a plan, a canal, Panama")); // Output: true

範例 3：將每個單字的第一個字母大寫

function capitalizeWords(str) {
    return str.split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
}
console.log(capitalizeWords("hello world")); // Output: Hello World

結論

掌握 JavaScript 字串函數對於高效的文字操作和資料處理至關重要。從連接和切片等基本操作到正規表示式匹配和模板文字等更高級的功能，JavaScript 提供了一組豐富的字串處理工具。透過理解和利用這些函數，您可以編寫更清晰、更有效率的程式碼並解決各種程式設計挑戰。

這份綜合指南涵蓋了 JavaScript 中最重要的字串函數，並附有範例和解釋。練習這些功能並嘗試不同的用例，以鞏固您的理解並提高您的編碼熟練程度。

以上是JavaScript 中字串資料型別掌握指南的詳細內容。更多資訊請關注PHP中文網其他相關文章！