JS字符串相关

80 阅读3分钟

字符串

* 定义:
    引号(单引号; 双引号; 反引号)包裹的内容就是字符串,反引号的字符串也叫做 模板字符串(ES6新)

* 创建字符串:
    1. 字面量
        var str1 = 'hhhh'
        var str2 = "zzz"
        var str3 = `asd`
    2.内置构造函数
        var str4 = new String()
        console.log(str4)
        var str5 = new String('qwe')

字符串的方法

1.charAt 
    语法: 字符串.charAt(索引)
    作用: 查询指定下标的值
    返回值: 查询到的值, 没有查询到就是一个 空字符串
    var str = 'abcdef'
    var str1 = str.charAt(5)
    console.log(str1)

2.charCodeAt
    语法: 字符串.charCodeAt(索引)
    作用: 查询指定下标的值 对应的 十进制码
    返回值:   查询到的值对应的十进制码, 没有查询到就是 NaN
    var str = 'abcdef'
    var str1 = str.charCodeAt(50)
    console.log(str1)

3.toLowerCase
    语法: 字符串.toLowerCase()
    作用: 将字符串转换为小写
    返回值: 转换后的字符
    var str = 'abcdef'
    var str1 = str.toLowerCase()
    console.log('toLowerCase ---> ', str1)

4.toUpperCase
    语法: 字符串.toUpperCase()
    作用: 将字符串转换为大写
    返回值: 转换后的字符
    var str = 'abcdef'
    var str2 = str.toUpperCase()
    console.log('toUpperCase ---> ', str2)

5.substr
    语法: 字符串.substr(开始索引, 多少个)
    作用: 截取指定字符串
    返回值: 截取到的字符串
    var str = 'abcdef'
    var str1 = str.substr(2, 4)
    console.log(str1)

6.subString
    语法: 字符串.substring(开始下标, 结束下标)    参数包前不包后
    结束下标不传, 相当于写了 length
    作用: 截取指定字符串
    返回值: 截取到的字符串
    var str = 'abcdef'
    var str1 = str.substring(2, 4)
    console.log(str1)

7.slice
    语法: 字符串.slice(开始下标, 结束下标)    参数包前不包后
    结束下标不传, 相当于写了 length
    开始下标不传, 相当于写了 0
    作用: 截取指定字符串
    返回值: 截取到的字符串
    var str = 'abcdef'
    var str1 = str.slice(2, 4)
    console.log(str1)

8.concat
    语法: 字符串.concat(数据1, 数据2, 数据3)
    作用: 将字符串和  参数传递的数据  拼接
    返回值: 拼接后的字符串
    var str = 'abcdef'
    var str1 = str.concat('@', '+')
    console.log(str1)

9.indexOf
    语法: 字符串.indexOf(数据, 开始下标)
    作用: 寻找数据在字符串中的位置
    返回值: 找到的时候返回下标, 找不到返回 -1
    var str = 'abcdef'
    var str1 = str.indexOf('a', 1)
    console.log(str1)

10.lastIndexOf
    语法: 字符串.lastIndexOf(数据, 开始下标)
    作用: 寻找数据在字符串中出现的位置(倒叙查找)
    返回值: 找到返回下标, 找不到返回 -1
    var str = 'abcdef'
    var str1 = str.lastIndexOf('d', 2)
    console.log(str1)

11.split
    语法: 字符串.split('符号')
    参数如果传递的是 空字符串, 会将字符串全部分隔开
    作用: 在 字符串中找到分隔符, 将其分割, 并放置到数组中
    返回值: 数组形式的
    var str = 'abcdef'
    var str1 = str.split(' ')
    console.log(str1)

12.trim
    语法: 字符串.trim()
    作用: 去掉字符串两侧的空格
    返回值: 将去掉空格的字符串返回
    var str = '  a  b  c  '
    var str1 = str.trim()
    console.log(str1)

13.trimStart
    语法: 字符串.trimStart()
    作用: 去掉字符串左侧(开始位置)的空格
    返回值: 将去掉空格的字符串返回
    var str = '  a  b  c  '
    var str1 = str.trimStart()
    console.log(str1)

14.trimEnd
    语法: 字符串.trimEnd()
    作用: 去掉字符串右侧(结束位置)的空格
    返回值: 将去掉空格的字符串返回
    var str = '  a  b  c  '
    var str1 = str.trimEnd()
    console.log(str1)

15.includes
    语法: 字符串.includes(字符串片段)
    作用: 判断 当前字符串中  是否拥有 指定字符串 片段
    返回值: true ---> 拥有;   false ---> 没有
    var str = 'abcdefg'
    var str1 = str.includes('c')
    console.log(str1)

16.startsWith
    语法: 字符串.startsWith('字符串片段')
    作用: 查询字符串开头是不是 指定的 字符串片段
    返回值: true: 是开头;     false: 不是开头
    var str = 'abcdefg'
    var str1 = str.startsWith('abc')
    console.log(str1)

17.endsWith
    语法: 字符串.endsWith('字符串片段')
    作用: 查询字符串结尾是不是 指定的 字符串片段
    返回值: true: 是结尾;     false: 不是结尾
    var str = 'abcdefg'
    var str1 = str.endsWith('ef')
    console.log(str1)

18.replace
    语法: 字符串.replace('要被替换的字符', '替换的字符')
    作用: 找到当前字符串中第一个参数对应的值, 然后将其替换为 第二个参数传入的数据
    返回值: 替换完成的字符串
    var str = 'abcdefg'
    var str1 = str.replace('abc', '@@@@@')
    console.log(str1)