JS字符串操作详解

小蓝 • 2024-11-30 09:07 • 编程

一、字符串基本操作

字符串是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字符串操作的基本方法，熟练掌握这些方法可以使字符串操作更加轻松。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/190945.html