JavaScript 程式札記 : 字符串操作

本文將介紹 JavaScript 中的字符串基本操作，包括連接、長度和切割，以及進階的搜索、替換和正則表達式操作，讓你瞭解如何有效地處理和操作字符串。

JavaScript 字符串基本操作

1.字符串連接

最基本的操作之一是字符串連接，在 JavaScript 中，我們可以使用加號（+）來連接兩個或多個字符串。

let test = "Hello, " + "world!";
console.log(test); // 輸出: Hello, world!

2.字符串長度

要獲取字符串的長度，我們可以使用.length屬性。

let test = "Hello world";
console.log(test.length); // 輸出: 11

3.字符串切割與組合

在處理字符串時，我們經常需要將它們切割成更小的部分，或者從多個小部分組合成一個大的字符串。

使用slice切割字符串

slice方法可以從一個字符串中提取一部分，並返回一個新的字符串。

let str = "Hello, world!";
let substr = str.slice(7, 12);
console.log(substr); // 輸出: world

使用split和join

split方法將字符串分割成子字符串數組，而join方法則是將數組的元素結合成一個字符串。

let words = "Hello world!".split(" ");
console.log(words); // 輸出: ["Hello", "world!"]

let newStr = words.join(",");
console.log(newStr); // 輸出: Hello,world!

JavaScript 字符串進階操作

1.搜索與替換

在處理字符串時，搜索特定的子字符串或者替換字符串中的某些部分是非常常見的需求。

使用indexOf進行搜索

indexOf方法可以幫助我們找到子字符串在字符串中首次出現的位置。

let test = "Hello, world!";
let index = test.indexOf("world");
console.log(index); // 輸出: 7

使用replace進行替換

replace方法可以替換字符串中的某些部分。

let test = "Hello, world!";
let newTest  = test.replace("world", "everyone");
console.log(newTest); // 輸出: Hello, everyone!

2.使用正則表達式

正則表達式是一種強大的工具，用於進行複雜的文本搜索和替換操作。

let test = "The quick brown fox jumps over the lazy dog.";
let newTest  = test .replace(/[aeiou]/g, "*");
console.log(newTest); // 輸出: Th* q**ck br*wn f*x j*mps *v*r th* l*zy d*g.

3.樣板字串

ES6 引入了樣板字串，這是一種允許嵌入表達式的字符串。

let name = "Alice";
let testStr = `Hello, ${name}!`;
console.log(testStr); // 輸出: Hello, Alice!

😊 感謝你的耐心閱讀，若是你喜歡這篇內容，可以透過以下方式表達你的喜歡 😊

❤️按個愛心｜💬留言互動｜🔗分享此文｜📌追蹤阿梧｜☕請喝咖啡