JavaScript字符串方法
JavaScript 提供了丰富的字符串方法，用于操作和处理字符串数据。以下是常用的字符串方法及其说明：
1. 字符串查找和截取
charAt(index)：
- 返回指定索引处的字符。
const str = 'Hello';
console.log(str.charAt(1)); // 输出: e
charCodeAt(index)：
- 返回指定索引处字符的 Unicode 值。
const str = 'Hello';
console.log(str.charCodeAt(1)); // 输出: 101
indexOf(searchValue, fromIndex)：
- 返回指定子字符串首次出现的索引，如果没有则返回
-1。
const str = 'Hello';
console.log(str.indexOf('l')); // 输出: 2
lastIndexOf(searchValue, fromIndex)：
- 返回指定子字符串最后一次出现的索引，如果没有则返回
-1。
const str = 'Hello';
console.log(str.lastIndexOf('l')); // 输出: 3
slice(start, end)：
- 返回从
start到end（不包括end）的子字符串。
const str = 'Hello';
console.log(str.slice(1, 3)); // 输出: el
substring(start, end)：
- 返回从
start到end（不包括end）的子字符串。
const str = 'Hello';
console.log(str.substring(1, 3)); // 输出: el
substr(start, length)：
- 返回从
start开始的指定长度的子字符串。
const str = 'Hello';
console.log(str.substr(1, 3)); // 输出: ell
2. 字符串修改
toLowerCase()：
- 将字符串转换为小写。
const str = 'Hello';
console.log(str.toLowerCase()); // 输出: hello
toUpperCase()：
- 将字符串转换为大写。
const str = 'Hello';
console.log(str.toUpperCase()); // 输出: HELLO
trim()：
- 去除字符串两端的空白字符。
const str = ' Hello ';
console.log(str.trim()); // 输出: Hello
replace(searchValue, replaceValue)：
- 替换字符串中的子字符串。
const str = 'Hello';
console.log(str.replace('H', 'h')); // 输出: hello
concat(str1, str2, ...)：
- 连接两个或多个字符串。
const str1 = 'Hello';
const str2 = 'World';
console.log(str1.concat(' ', str2)); // 输出: Hello World
3. 字符串判断
startsWith(searchString, position)：
- 判断字符串是否以指定子字符串开头。
const str = 'Hello';
console.log(str.startsWith('He')); // 输出: true
endsWith(searchString, length)：
- 判断字符串是否以指定子字符串结尾。
const str = 'Hello';
console.log(str.endsWith('lo')); // 输出: true
includes(searchString, position)：
- 判断字符串是否包含指定子字符串。
const str = 'Hello';
console.log(str.includes('el')); // 输出: true
4. 字符串分割和组合
split(separator, limit)：
- 将字符串按指定分隔符分割成数组。
const str = 'Hello,World';
console.log(str.split(',')); // 输出: ['Hello', 'World']
repeat(count)：
- 将字符串重复指定次数。
const str = 'Hello';
console.log(str.repeat(2)); // 输出: HelloHello
5. 其他方法
padStart(targetLength, padString)：
- 在字符串开头填充指定字符，直到字符串达到指定长度。
const str = 'Hello';
console.log(str.padStart(10, '*')); // 输出: *****Hello
padEnd(targetLength, padString)：
- 在字符串结尾填充指定字符，直到字符串达到指定长度。
const str = 'Hello';
console.log(str.padEnd(10, '*')); // 输出: Hello*****
match(regexp)：
- 返回字符串中匹配正则表达式的结果。
const str = 'Hello';
console.log(str.match(/l/g)); // 输出: ['l', 'l']
search(regexp)：
- 返回字符串中匹配正则表达式的第一个索引，如果没有则返回
-1
const str = 'Hello';
console.log(str.search(/l/)); // 输出: 2
总结
| 方法 | 描述 |
|---|---|
| charAt() | 返回指定索引处的字符 |
| charCodeAt() | 返回指定索引处字符的 Unicode 值 |
| indexOf() | 返回子字符串首次出现的索引 |
| lastIndexOf() | 返回子字符串最后一次出现的索引 |
| slice() | 返回子字符串 |
| substring() | 返回子字符串 |
| substr() | 返回子字符串 |
| toLowerCase() | 将字符串转换为小写 |
| toUpperCase() | 将字符串转换为大写 |
| trim() | 去除字符串两端的空白字符 |
| replace() | 替换字符串中的子字符串 |
| concat() | 连接两个或多个字符串 |
| startsWith() | 判断字符串是否以指定子字符串开头 |
| endsWith() | 判断字符串是否以指定子字符串结尾 |
| includes() | 判断字符串是否包含指定子字符串 |
| split() | 将字符串分割成数组 |
| repeat() | 将字符串重复指定次数 |
| padStart() | 在字符串开头填充指定字符 |
| padEnd() | 在字符串结尾填充指定字符 |
| match() | 返回字符串中匹配正则表达式的结果 |
| search() | 返回字符串中匹配正则表达式的第一个索引 |
掌握这些字符串方法，可以更高效地操作和处理字符串数据。
更多vue相关插件及后台管理模板可访问vue admin reference，代码详情请访问github
