在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) |