昨天我们聊了数组，那我们今天就聊聊字符串的方法吧~
在前端开发里，字符串处理几乎天天用：表单校验、文本处理、截取、替换、格式化……背熟这一套，面试直接张口就来。
常用五招式：增、删、改、查、转换。
一、增（拼接）
concat
拼接字符串，不改变原字符串，返回新字符串。
let str = 'hello'
let newStr = str.concat(' ', 'world')
console.log(newStr) // hello world
二、删（截取）
slice
截取字符串，左闭右开，不改变原字符串。
let str = 'abcdef'
let res = str.slice(1, 4) // 从索引1开始，到4（不含）
console.log(res) // bcd
三、改（格式化/处理）
这部分常用、常考。
1. trim / trimLeft / trimRight
去空格：
trim()：去掉两端空格trimLeft()：去掉左边空格trimRight()：去掉右边空格
let str = ' hello '
console.log(str.trim()) // 'hello'
2. toLowerCase / toUpperCase
大小写转换：
toLowerCase()：转小写toUpperCase()：转大写
console.log('Hello'.toLowerCase()) // hello
console.log('hello'.toUpperCase()) // HELLO
3. padStart / padEnd
自动补全字符（常用于日期、序号、手机号格式化）。
// 前面补0，总长度5
console.log('123'.padStart(5, '0')) // 00123
// 后面补*
console.log('abc'.padEnd(6, '*')) // abc***
4. repeat
重复字符串：
console.log('ha'.repeat(3)) // hahaha
5. replace / replaceAll
替换内容：
replace：只替换第一个匹配项replaceAll：替换全部匹配项
使用方法：
括号内第一个放要替换的，第二个放替换后的，中间用逗号隔开。
let str = 'a-b-a-b'
console.log(str.replace('-', ',')) // a,b-a-b
console.log(str.replaceAll('-', ',')) // a,b,a,b
四、查（查找/判断）
1. indexOf
查找字符第一次出现的索引，找不到返回 -1。
console.log('abcde'.indexOf('d')) // 3
console.log('abcde'.indexOf('x')) // -1
2. includes
判断是否包含某字符串，返回 true/false【常用】。
console.log('hello'.includes('ell')) // true
3. startsWith / endsWith
判断以什么开头/结尾，常用于表单校验。
console.log('2025-04-14'.startsWith('2025')) // true
console.log('avatar.jpg'.endsWith('.jpg')) // true
4. charAt
获取指定索引位置的字符。
console.log('abc'.charAt(1)) // b
五、转换（转数组）
split
按指定符号把字符串切成数组。
let str = 'a,b,c,d'
let arr = str.split(',')
console.log(arr) // ['a','b','c','d']
💡最后：方法总结
- 增：concat
- 删：slice
- 改：trim、大小写、pad、repeat、replace
- 查：indexOf、includes、开头结尾、charAt
- 转换：split 切数组
以上就是字符串中的常用的方法啦
有问题可以在评论区多多交流哦~
如果觉得有用，欢迎点赞收藏，一起加油成长呀🌟
