简版

• indexOf: 查询某个字符下标，一般用于判断字符串中是否包含某些字符
• split: 切割字符串，返回值是切割后的新数组
• substring: 截取字符串，返回值是截取后的字符串
• replace: 替换字符串，返回值是替换后的新字符串
• toLowerCase ： 转小写
• toUpperCase ： 转大写

操作方法

我们也可将字符串常用的操作方法归纳为增、删、改、查，需要知道字符串的特点是一旦创建了，就不可变

增

这里增的意思并不是说直接增添内容，而是创建字符串的一个副本，再进行操作

除了常用+以及${}进行字符串拼接之外，还可通过concat

concat

用于将一个或多个字符串拼接成一个新字符串

let stringValue = 'hello '
let result = stringValue.concat('world')
console.log(result) // "hello world"
console.log(stringValue) // "hello"

删

这里的删的意思并不是说删除原字符串的内容，而是创建字符串的一个副本，再进行操作

常见的有：

• slice()
• substr()
• substring()

这三个方法都返回调用它们的字符串的一个子字符串，而且都接收一或两个参数。

let stringValue = 'hello world'
console.log(stringValue.slice(3)) // "lo world"
console.log(stringValue.substring(3)) // "lo world"
console.log(stringValue.substr(3)) // "lo world"
console.log(stringValue.slice(3, 7)) // "lo w"
console.log(stringValue.substring(3, 7)) // "lo w"
console.log(stringValue.substr(3, 7)) // "lo worl"

下面从传参不同详细说下它们的区别：

1. 两个参数都为正的时候：

它们的参数一都表示从某下标处开始截取。 substr() 的参数二代表一共截取多少位； slice() 和substring() 的参数二则代表截取到某下标（不包含此下标处字符）。

2. 两个参数都为负的时候：

substr() 和slice() 的参数一表示从尾部开始截取。 slice() 参数二表示从尾部第n个下标结束截取。 substr()参数二表示截取负数位，截取值为空 。 substring()则把参数一和参数二都转为0，截取为空。

3. 只有一个参数且为正的时候：

它们的参数一都表示从某下标处开始截取。 参数二都默认为当前字符串的长度length。

4. 只有一个参数且为负的时候：

substr() 和slice() 的参数一表示从尾部第n个下标开始截取； substring()则把参数一转为0。 它们的参数二都默认为当前字符串的长度length。

5. 第一个参数为正，但第二个参数为负的时候：

substr() 和slice() 的参数一都表示从某下标处开始截取。 substr()参数二表示截取负数位，截取值为空。 slice()参数二表示从尾部第n个下标结束截取。 substring() 则把第一个参数转为0，第二个参数改为第一个参数的值。

6. 第一个参数为负，但第二个参数为正的时候：

substr() 和slice() 的参数一都表示从尾部第n个下标开始截取。substring() 则把参数一转为0，它们的参数二则代表截取到某下标（不包含此下标处字符）。

改

这里改的意思也不是改变原字符串，而是创建字符串的一个副本，再进行操作

常见的有：

• trim()、trimLeft()、trimRight()
• repeat()
• padStart()、padEnd()
• toLowerCase()、 toUpperCase()

trim()、trimLeft()、trimRight()

删除前、后或前后所有空格符，再返回新的字符串

let stringValue = ' hello world '
let trimmedStringValue = stringValue.trim()
console.log(stringValue) // " hello world "
console.log(trimmedStringValue) // "hello world"

repeat()

接收一个整数参数，表示要将字符串复制多少次，然后返回拼接所有副本后的结果

let stringValue = 'na '
let copyResult = stringValue.repeat(2) // na na

padEnd()

复制字符串，如果小于指定长度，则在相应一边填充字符，直至满足长度条件

let stringValue = 'foo'
console.log(stringValue.padStart(6)) // " foo"
console.log(stringValue.padStart(9, '.')) // "......foo"

toLowerCase()、 toUpperCase()

大小写转化

let stringValue = 'hello world'
console.log(stringValue.toUpperCase()) // "HELLO WORLD"
console.log(stringValue.toLowerCase()) // "hello world"

查

除了通过索引的方式获取字符串的值，还可通过：

• chatAt()
• indexOf()
• startWith()
• includes()

charAt()

返回给定索引位置的字符，由传给方法的整数参数指定

let message = 'abcde'
console.log(message.charAt(2)) // "c"

indexOf()

从字符串开头去搜索传入的字符串，并返回位置（如果没找到，则返回 -1 ）

let stringValue = 'hello world'
console.log(stringValue.indexOf('o')) // 4

startWith()、includes()

从字符串中搜索传入的字符串，并返回一个表示是否包含的布尔值

let message = 'foobarbaz'
console.log(message.startsWith('foo')) // true
console.log(message.startsWith('bar')) // false
console.log(message.includes('bar')) // true
console.log(message.includes('qux')) // false

二、转换方法

split

把字符串按照指定的分割符，拆分成数组中的每一项

let str = '12+23+34'
let arr = str.split('+') // [12,23,34]

三、模板匹配方法

针对正则表达式，字符串设计了几个方法：

• match()
• search()
• replace()

match()

接收一个参数，可以是一个正则表达式字符串，也可以是一个RegExp对象，返回数组

let text = 'cat, bat, sat, fat'
let pattern = /.at/
let matches = text.match(pattern)
console.log(matches[0]) // "cat"

search()

接收一个参数，可以是一个正则表达式字符串，也可以是一个RegExp对象，找到则返回匹配索引，否则返回 -1

let text = 'cat, bat, sat, fat'
let pos = text.search(/at/)
console.log(pos) // 1

replace()

接收两个参数，第一个参数为匹配的内容，第二个参数为替换的元素（可用函数）

let text = 'cat, bat, sat, fat'
let result = text.replace('at', 'ond')
console.log(result) // "cond, bat, sat, fat"

参考文章

JavaScript 字符串的常用方法有哪些？字符串截取方法substr() 、 slice() 和 substring()之间的区别和用法