JavaScript基础系列(三) 字符串常用方法

---

theme: scrolls-light

highlight: atelier-seaside-dark

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

前言

• 这篇一起来了解一下字符串常用方法

字符串常用方法

• 字符串创建以后不可变
• 创建一个字符串副本再进行操作

• 增

  • concat 将一个或多个字符串拼接为一个新字符串

  js let str = 'hello' str.concat('vike') // hellovike

• 删

  • slice 接收开始位置 结束位置参数 js let str = 'hello' str.slice(3) // 'lo'
  • substr 接收开始位置 结束位置参数

  js let str = 'hello' str.substr(3) // 'lo'

  • substring 接收开始位置 结束位置参数

  js let str = 'hello' str.substring(3) // 'lo'

• 改

  • trim trimLeft trimRight 删除前后空格符 返回新字符串

  js let str = ' hello world ' str.trim() // 'hello world'

  • repeat 接受一个整数参数 指要将字符串复制多少次

  js let str = 'hello' str.repeat(2) // 'hellohello'

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

  ```js let str = 'hello' str.padStart(10) // ' hello'

  str.padStart(10,'.') // '.....hello' ```

  • toLowerCase toUpperCase 大小写转化

  ```js let str = 'hello' str.toLowerCase() // 'hello'

  str.toUpperCase() // 'HELLO' ```

• 查

  • chatAt 返回给定索引位置的字符

  js let str = 'hello' str.chatAt(2) // 'l'

  • indexOf 查询传入参数是否包含在字符串里 如果存在返回索引值 不存在返回-1

  js let str = 'hello' str.includes('e') // 1

  • includes 查询传入参数是否包含在字符串里 如果存在返回true 否则false

  js let str = 'hello' str.includes('o') // true

• 字符串分割

  • split 把字符串按照指定分割 返回一个结果数组

  js let str = 'hello world' str.split(' ') // ['hello','world']

• 字符串正则

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

  js 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 接受两个参数 第一个为匹配参数 第二个替换参数

  js let text = 'hello' text.replace('he','eh') // 'ehllo'

  结语

• 今日份小知识get~