JS字符串常用方法

字符串常用方法

        + 说明: **所有字符串方法都不会改变原始字符串**

      1. charAt()

        => 语法: 字符串.charAt(索引)
        => 返回值: 该索引位置的字符
          -> 如果有该索引位置, 就是索引位置字符
          -> 如果没有该索引位置, 是一个空

      2. charCodeAt()

        => 语法: 字符串.charCodeAt(索引)
        => 返回值: 该索引位置的字符编码(UTF-8编码)

      3. substr()

        => 语法: 字符串.substr(开始索引, 多少个)
        => 作用: 截取字符串
        => 返回值: 截取出来的字符串

      4. substring()

        => 语法: 字符串.substring(开始索引, 结束索引) - 包前不包后
        => 作用: 截取字符串
        => 返回值: 截取出来的字符串

      5. toLowerCase()

        => 语法: 字符串.toLowerCase()
        => 作用: 把字符串里面的大写字母转成小写字母
        => 返回值: 转换好以后的字符串

      6. toUpperCase()

        => 语法: 字符串.toUpperCase()
        => 作用: 把字符串里面的小写字母转换成大写字母
        => 返回值: 转换好以后的字符串

      7. replace()

        => 语法: 字符串.replace('要被替换的字符', '替换成的字符')
        => 作用: 替换字符串内的某些字符
          -> 只能替换查找到的第一个
        => 返回值: 替换好的字符串

      8. concat()

        => 语法: 字符串.concat(字符串)
        => 作用: 拼接字符串
        => 返回值: 拼接好的字符串

      9. slice()

        => 语法: 字符串.slice(开始索引, 结束索引) - 包前不包后
          -> 和 substring 的区别就是可以写 负整数
          -> 当你写负整数的时候, 表示 length + 负整数
        => 作用: 截取字符串
        => 返回值: 截取好的字符串

      10. split()

        => 语法: 字符串.split('切割符号', 多少个)
          -> 切割符号, 按照你写的符号把字符串切割开
            + 如果不写, 那么就直接切割一个完整的
            + 如果写一个空字符串(''), 按照一位一位的切割
          -> 多少个, 选填, 默认是全部, 表示你切割完以后保留多少个
        => 返回值: 一个数组的形式保存每一段内容
          -> 不管按照什么切割, 返回值一定是一个数组

    11. indexOf()

        => 语法:
          1. 字符串.indexOf(字符串片段)
          2. 字符串.indexOf(字符串片段, 开始索引)
        => 作用: 再字符串里面查找指定字符串片段
        => 返回值:
          -> 如果查询到了, 就是指定索引
          -> 如果没有, 就是 -1

      12. lastIndexOf()

        => 语法:
          1. 字符串.lastIndexOf(字符串片段)
          2. 字符串.lastIndexOf(字符串片段, 开始索引)
        => 作用: 从后向前查找对应的字符串片段
        => 返回值
          -> 如果查询到了, 就是指定索引
          -> 如果没有, 就是 -1

      13. includes()

        => 语法: 字符串.includes('字符串片段')
        => 作用: 字符串里面是否包含该字符串片段
        => 返回值: 布尔值
          -> 有就是 true
          -> 没有就是 false

      14. search()

        => 语法: 字符串.search('字符串片段')
        => 作用: 查找字符串里面有没有匹配的字符串片段
        => 返回值:
          -> 如果有, 就是指定索引
          -> 如果没有, 就是 -1
        => 和 indexOf 的区别
          1. 没有第二个参数
          2. search 参数可以写正则

      15. match()

        => 语法: 字符串.match('字符串片段')
        => 作用: 找到字符串里面的字符串片段
        => 返回值: 是一个数组
          -> 里面是找到的字符串片段
        => 实际应用:
          -> 不是传递字符串
          -> 传递正则

      16. trim()

        => 语法: 字符串.trim()
        => 作用: 去除首尾空格
        => 返回值: 去除空格以后的字符串

      17. trimStart()

        => 语法: 字符串.trimStart()
        => 作用: 去除开始的空格
        => 返回值: 去除空格以后的字符串
        => 别名: trimLeft()

      18. trimEnd()

        => 语法: 字符串.trimEnd()
        => 作用: 去除尾部空格
        => 返回值: 去除空格以后的字符串
        => 别名: trimRight()

      19. padStart()

        => 语法: 字符串.padStart(目标长度, '填充字符串')
          -> 目标长度: 你想把字符串补充到多长
            + 如果你写的长度小于字符串本身长度, 那么这个函数没有意义
            + 超过长度以后, 用填充字符串补齐
          -> 填充字符串: 可以是一个字符, 也可以是多个
            + 多个的时候, 如果超长后面的就不要了
        => 作用: 从前面字符串补齐
        => 返回值: 补齐以后的字符串

      20. padEnd()

        => 语法: 字符串.padEnd(目标长度, '填充字符串')
          -> 目标长度: 你想把字符串补充到多长
            + 如果你写的长度小于字符串本身长度, 那么这个函数没有意义
            + 超过长度以后, 用填充字符串补齐
          -> 填充字符串: 可以是一个字符, 也可以是多个
            + 多个的时候, 如果超长后面的就不要了
        => 作用: 从后面字符串补齐
        => 返回值: 补齐以后的字符串

      21. startsWith()

        => 语法: 字符串.startsWith('字符串片段')
        => 作用: 判断该字符串是不是以这个字符串片段开始
        => 返回值: 一个布尔值
          -> 如果是, 就是 true
          -> 如果不是, 就是 false

      22. endsWith()

        => 语法: 字符串.endsWith('字符串片段')
        => 作用: 判断该字符串是不是以这个字符串片段结尾
        => 返回值: 一个布尔值
          -> 如果是, 就是 true
          -> 如果不是, 就是 false

字符串里面特别无聊的方法

        + 鸡肋一样的方法

      1. small()

        => 语法: 字符串.small()
        => 作用: 把字符串里面的内容变成小号文字
        => 返回值: <small>字符串</small>

      2. big()

        => 语法: 字符串.big()
        => 作用: 把字符串里面的内容变成大号文字
        => 返回值: <big>字符串</big>

      3. bold()

        => 语法: 字符串.blod()
        => 作用: 把字符串加粗显示
        => 返回值: <b>字符串</b>

      4. fontsize()

        => 语法: 字符串.fontsize(尺寸)
        => 作用: 指定字符串大小
        => 返回值: <font>字符串</font>

      5. fontcolor()

        => 语法: 字符串.fontcolor(颜色)
        => 作用: 指定字符串颜色
        => 返回值: 带一个颜色样式

版权声明

1、本文地址:https://www.09606.com/162.html
2、转载请保留本文地址及链接,本站保留追究法律责任的权力。
3、部分文章来源于网络,仅作为学习展示之用,版权归原作者所有。
4、因部分文章网络流转次数较多,已无法追溯至原作者,若遗漏导致侵犯了您的权益,请您 留言给我

THE END
分享
二维码
打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录