跳转到内容
洪布斯的文档网站

字符串常用方法

一、操作方法

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

增

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

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

concat()

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

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

删

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

常见的有：

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

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

const 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'

改

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

常见的有：

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

trim()、trimLeft()、trimRight()

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

const stringValue = ' Hello World '
const trimmedStringValue = stringValue.trim()
console.log(stringValue) // ' hello world '
console.log(trimmedStringValue) // 'hello world'

repeat()

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

const stringValue = 'aaa'
const copyResult = stringValue.repeat(2) // aaaaaa

padStart()、padEnd()

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

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

toLowerCase()、 toUpperCase()

大小写转化。

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

查

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

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

charAt()

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

const message = 'abc'
console.log(message.charAt(2)) // 'c'
console.log(message.charAt(3)) // ''

indexOf()

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

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

startWith()、includes()

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

const 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()：把字符串按照指定的分割符，拆分成数组中的每一项。

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

三、模版匹配方法

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

  • match()
  • search()
  • replace()、replaceAll()

match()

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

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

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

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

replace()、replaceAll()

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

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

参考文献