JS字符串操作詳解

一、字符串基本操作

字符串是JS中特殊的數據類型，主要是由字符序列組成，可以通過下標訪問單個字符，常用的字符串方法包括length、charAt和indexOf。

let str = "Hello world!";
console.log(str.length); // 12
console.log(str.charAt(0)); // H
console.log(str.indexOf("o")); // 4

其中length方法可以返回字符串的長度，charAt方法可以返回字符串中指定下標的字符，indexOf方法可以返回匹配到的字符/字符串在字符串中的下標。

二、字符串的遍歷和拼接

在JS中，字符串可以像數組一樣進行遍歷操作，同時可以通過「+」進行拼接操作。

let str = "Hello world!";
for(let i=0; i<str.length; i++){
    console.log(str.charAt(i));
}
let str2 = "My name is";
console.log(str2 + " Jack."); // My name is Jack.

三、字符串的分割和連接

JS可以使用split方法對一個字符串進行分割操作，返回一個數組。相反，可以使用join方法將數組連接成一個字符串。

let str = "apple,banana,orange";
let arr = str.split(",");
console.log(arr); // ["apple", "banana", "orange"]
let str2 = arr.join("|");
console.log(str2); // "apple|banana|orange"

四、字符串的替換和大小寫轉換

在JS中，可以使用replace方法進行字符串的替換操作。同時可以使用toLowerCase和toUpperCase方法進行大小寫轉換。

let str = "I like apples.";
let str2 = str.replace("apples", "bananas");
console.log(str2); // "I like bananas."
let str3 = "HeLLo WoRlD";
console.log(str3.toLowerCase()); // "hello world"
console.log(str3.toUpperCase()); // "HELLO WORLD"

五、字符串的截取和填充

JS中可以使用slice方法對字符串進行截取操作，即取出某一範圍內的子字符串。可以使用padStart和padEnd方法對字符串進行填充操作，即在字符串的前/後填充指定的字符。

let str = "apple,banana,orange";
console.log(str.slice(0, 5)); // "apple"
console.log(str.padStart(20, "*")); // "*******apple,banana,orange"
console.log(str.padEnd(20, "*")); // "apple,banana,orange*******"

六、字符串的正則表達式操作

JS提供了多種正則表達式操作方法，包括test、match和replace等方法。

let str = "I love JavaScript";
console.log(/love/.test(str)); // true
console.log(str.match(/a/g)); // ["a", "a"]
console.log(str.replace(/JavaScript/g, "Python")); // "I love Python"

以上是JS字符串操作的基本方法，熟練掌握這些方法可以使字符串操作更加輕鬆。