新手小白的JS之路---字符串方法

43 阅读3分钟

1.charAt

  • 语法:变量/字符串.charAt(索引)
  • 作用:查找索引在字符串中对应的数据
  • 返回值:索引对应的内容
    var str = 'qweasd'
    var res = str.charAt(2)
    console.log(res);  // e

2.charCodeAt

  • 语法:变量/字符串.charCodeAt(索引)
  • 作用:查找索引在字符串中对应数据的unicode编码
  • 返回值:索引对应内容的unicode编码
    var str = 'qweasd'
    var res = str.charCodeAt(2)
    console.log(res);  // 101

3.toLowerCase

  • 语法:变量/字符串.toLowerCase()
  • 作用:将字符串转换为小写
  • 返回值:转小写后的字符串
    var str = 'QWEasd'
    var res = str.toLowerCase()
    console.log(res);  // qweasd

4.toUpperCase

  • 语法:变量/字符串.toUpperCase()
  • 作用:将字符串转换为小写
  • 返回值:转小写后的字符串
    var str = 'QWEasd'
    var res = str.toUpperCase()
    console.log(res);  // QWEASD

5.substr

  • 语法:变量/字符串.substr(开始下标,复制多少个)
  • 作用:复制字符串
  • 返回值:复制后的字符串
    var str = 'qweasd'
    var res = str.substr(2, 5)
    console.log(res);  // easd

6.substring

  • 语法:变量/字符串.substring(开始下标,复制多少个)
  • 作用:复制字符串
  • 返回值:复制后的字符串
  • 注意:包前不包后; 参数可以省略不写
    var str = 'qweasd'
    var res = str.substring(2, 5)
    console.log(res);  // eas

7.slice

  • 语法:变量/字符串.slice(开始下标,复制多少个)
  • 作用:复制字符串
  • 返回值:复制后的字符串
  • 注意:包前不包后; 参数可以省略不写; 可以是负数
    var str = 'qweasd'
    var res = str.slice(2, 5)
    var res1 = str.slice(2, -1)
    console.log(res);  // eas
    console.log(res1);  // eas

8.concat

  • 语法:变量/字符串.concat(数据1, 数据2, 数据3, 数据4, 数据5, ......)
  • 作用:合并数据到执行的字符串中
  • 返回值:合并后的一个新字符串
    var str = 'qweasd'
    var res = str.concat('123')
    console.log(res);  // qweasd123

9.indexOf

  • 语法:变量/字符串.indexOf('要查询的数据',开始查询的位置)
  • 作用:查询字符串中是否有这个数据(从左到右)
  • 返回值:有,返回对应的下标;没有,返回-1
    var str = 'qweasda'
    console.log(str.indexOf('a', 2));  // 3
    console.log(str.indexOf('a'))      // 3
    console.log(str.indexOf('e'))      // -1

10.lastIndexOf

  • 语法:变量/字符串.lastIndexOf('要查询的数据',开始查询的位置)
  • 作用:查询字符串中是否有这个数据(从右到左)
  • 返回值:有,返回对应的下标;没有,返回-1
    var str = 'qweasda'
    console.log(str.lastIndexOf('a', 5));    // 3
    console.log(str.lastIndexOf('a'))    // 6
    console.log(str.lastIndexOf('e'))    // -1

11.split

  • 语法:变量/字符串.split('分隔符')
  • 作用:根据传递的分隔符, 将字符串拆分
  • 返回值:拆分好的字符串, 组成的一个数组
  • 注意:如果传递的分隔符是一个空字符串, 那么会将整个字符串按照每一个字符拆分开, 放在一个数组中
    var str = 'qwe&asd&a'
    console.log(str.split('&'));  // ['qwe', 'asd', 'a']
    console.log(str.split('+'))   // ['qwe&asd&a']

12.trim

  • 语法:变量/字符串.trim()
  • 作用:删除字符串两边的空格
  • 返回值:去掉空格后的字符串
    var str = ' qweasd '
    console.log('原数组' + str.split('&'));  // 原数组qweasd

13.trimStart/trimLeft

  • 语法:变量/字符串.trimStart() / 变量/字符串.trimLeft()
  • 作用:删除字符串左边的空格
  • 返回值:去掉空格后的字符串
    var str = ' qweasd'
    console.log('原数组' + str.split('&'));  // 原数组qweasd

14.trimEnd/trimRight

  • 语法:变量/字符串.trimEnd() / 变量/字符串.trimRight()
  • 作用:删除字符串右边的空格
  • 返回值:去掉空格后的字符串
    var str = 'qweasd '
    console.log(str.split('&') + '是原数组');  // qweasd是原数组

15.includes

  • 语法:变量/字符串.includes('要查询的字符')
  • 作用:判断字符串中是否包含一段字符
  • 返回值:true/false
    var str = 'qweasd '
    console.log(str.includes('qwe'));  // true
    console.log(str.includes('qsd'));  // false

16.startsWith

  • 语法:变量/字符串.startsWith('要查询的字符')
  • 作用:判断字符串的开头是否为指定字符
  • 返回值:true/false
    var str = 'qweasd '
    console.log(str.includes('qwe'));  // true
    console.log(str.includes('qsd'));  // false

17.endsWith

  • 语法:变量/字符串.endsWith('要查询的字符')
  • 作用:判断字符串的末尾是否为指定字符
  • 返回值:true/false
    var str = 'qweasd '
    console.log(str.includes('asd'));  // true
    console.log(str.includes('qsd'));  // false

17.replace

  • 语法:变量/字符串.replace('要查询的字符','要替换的字符')
  • 作用:在字符串中找到指定的字符,替换成新的内容
  • 返回值:修改好的字符串
    var str = 'qweasd '
    console.log(str.includes('asd','123'));  // qwe123