JavaScript字符串的常用方法

在JavaScript中，字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法，使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法，并提供示例代码以便更好地理解和应用这些方法。

字符串长度

获取字符串的长度是一个基本操作，可以使用 length属性。

let str = "Hello, World!";
console.log(str.length);  // 输出: 13
​

 

 

字符串查找

indexOf

indexOf方法用于查找子字符串在字符串中第一次出现的位置。

let str = "Hello, World!";
console.log(str.indexOf("World"));  // 输出: 7
​

 

 

lastIndexOf

lastIndexOf方法用于查找子字符串在字符串中最后一次出现的位置。

let str = "Hello, World! Hello!";
console.log(str.lastIndexOf("Hello"));  // 输出: 13
​

 

 

includes

includes方法用于检查字符串是否包含指定的子字符串。

let str = "Hello, World!";
console.log(str.includes("World"));  // 输出: true
​

 

 

startsWith

startsWith方法用于检查字符串是否以指定的子字符串开始。

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

 

 

endsWith

endsWith方法用于检查字符串是否以指定的子字符串结束。

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

 

 

字符串提取

slice

slice方法用于提取字符串的子字符串，接受两个参数：起始索引和结束索引。

let str = "Hello, World!";
console.log(str.slice(7, 12));  // 输出: World
​

 

 

substring

substring方法也用于提取子字符串，但与 slice不同，它不接受负索引。

let str = "Hello, World!";
console.log(str.substring(7, 12));  // 输出: World
​

 

 

substr

substr方法用于从指定位置开始提取一定长度的子字符串。

let str = "Hello, World!";
console.log(str.substr(7, 5));  // 输出: World
​

 

 

字符串修改

replace

replace方法用于替换字符串中的子字符串。它只替换第一次匹配的子字符串。

let str = "Hello, World!";
let newStr = str.replace("World", "JavaScript");
console.log(newStr);  // 输出: Hello, JavaScript!
​

 

 

replaceAll

replaceAll方法用于替换字符串中的所有匹配子字符串。

let str = "Hello, World! World!";
let newStr = str.replaceAll("World", "JavaScript");
console.log(newStr);  // 输出: Hello, JavaScript! JavaScript!
​

 

 

toUpperCase

toUpperCase方法将字符串转换为大写。

let str = "Hello, World!";
console.log(str.toUpperCase());  // 输出: HELLO, WORLD!
​

 

 

toLowerCase

toLowerCase方法将字符串转换为小写。

let str = "Hello, World!";
console.log(str.toLowerCase());  // 输出: hello, world!
​

 

 

trim

trim方法用于去除字符串两端的空白字符。

let str = "   Hello, World!   ";
console.log(str.trim());  // 输出: Hello, World!
​

 

 

trimStart和 trimEnd

trimStart和 trimEnd方法用于去除字符串开头和结尾的空白字符。

let str = "   Hello, World!   ";
console.log(str.trimStart());  // 输出: Hello, World!   
console.log(str.trimEnd());    // 输出:    Hello, World!
​

 

 

字符串拆分和连接

split

split方法用于将字符串拆分成数组。

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

 

 

concat

concat方法用于连接两个或多个字符串。

let str1 = "Hello";
let str2 = "World";
let str3 = str1.concat(", ", str2, "!");
console.log(str3);  // 输出: Hello, World!
​

 

 

字符访问

charAt

charAt方法用于返回指定索引处的字符。

let str = "Hello, World!";
console.log(str.charAt(7));  // 输出: W
​

 

 

charCodeAt

charCodeAt方法用于返回指定索引处字符的Unicode值。

let str = "Hello, World!";
console.log(str.charCodeAt(7));  // 输出: 87
​

 

 

at

at方法用于返回字符串中指定位置的字符，支持负索引。

let str = "Hello, World!";
console.log(str.at(7));  // 输出: W
console.log(str.at(-1)); // 输出: !
​

 

 

分析说明表

方法	作用	示例代码
length	获取字符串长度	str.length
indexOf	查找子字符串首次出现位置	str.indexOf("World")
lastIndexOf	查找子字符串最后出现位置	str.lastIndexOf("Hello")
includes	检查字符串是否包含子字符串	str.includes("World")
startsWith	检查字符串是否以子字符串开始	str.startsWith("Hello")
endsWith	检查字符串是否以子字符串结束	str.endsWith("World!")
slice	提取子字符串	str.slice(7, 12)
substring	提取子字符串	str.substring(7, 12)
substr	从指定位置提取一定长度的子字符串	str.substr(7, 5)
replace	替换子字符串	str.replace("World", "JavaScript")
replaceAll	替换所有匹配子字符串	str.replaceAll("World", "JavaScript")
toUpperCase	转换为大写	str.toUpperCase()
toLowerCase	转换为小写	str.toLowerCase()
trim	去除两端空白字符	str.trim()
trimStart	去除开头空白字符	str.trimStart()
trimEnd	去除结尾空白字符	str.trimEnd()
split	拆分成数组	str.split(", ")
concat	连接字符串	str1.concat(", ", str2, "!")
charAt	返回指定索引处字符	str.charAt(7)
charCodeAt	返回指定索引处字符的Unicode值	str.charCodeAt(7)
at	返回指定位置字符，支持负索引	str.at(7)、str.at(-1)