字符串2 API：18种

憨憨404
已于 2022-12-08 00:22:49 修改
阅读量103
点赞数
分类专栏： JS基础文章标签：前端 javascript
于 2022-12-08 00:20:28 首次发布
本文链接：https://blog.csdn.net/qq_60839348/article/details/128209737
版权
JS基础专栏收录该内容
14 篇文章 0 订阅
订阅专栏
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
        字符串的所有方法都是不改变原始字符串的。
            1.charAt()
                语法：字符串.charAt(索引)
                返回值：会返回该索引对应的字符，如果索引不存在就返回空字符串
            2.charCodeAt()
                语法：字符串.charCodeAt(索引)
                返回值：会返回该索引对应的字符的编码，如果索引不存在就返回NaN
            3.toUpperCase()
                语法：字符串.toUpperCase()，不需要写参数
                返回值：将原始字符串中所有的字母转大写
            4.toLowerCase()，语法同上，转小写。
            5.substr():截取
                语法：字符串.substr(开始索引，多少个)
                作用：从开始索引截取多少个
                返回值：截取出来的数据
                注意：如果不写个数就是一直截取到最后。
            6.substring()：截取
                语法：字符串.subString(开始索引，结束索引)
                注意：不包含结束索引
                如果不写结束索引，就一直截取到最后。
                不支持写负数
            7.slice()截取
                语法：字符串.slice(开始索引，结束索引)
                和substring的区别就在于：slice可以写负数。
            8.split()分割
                语法：字符串.split(‘分隔符‘)
                作用：按照分隔符拆分字符串
                返回值：拆分的结果是一个数组，将字符串按照分隔符分成几段数据存储到数组中
            9.concat()
                语法：字符串.concat(字符串1，字符串2，。。。)
                就是做字符串拼接的，和+的效果拼接
            10.indexOf()：从左到右找
                语法：字符串.indexOf(要查找的字符，开始索引)
                作用：找字符对应的索引，找不见就是-1
            11.lastIndexOf()同上
                从右到左找
            12.includes()
                语法：字符串.includes(字符串片段)
                作用：判断该字符串中是否包含该字符串片段
                返回值：包含就是true，不包含就是false
            13.startsWith()
                语法：字符串.startsWith(字符串片段)
                作用：验证是否以该字符开头，是true，不是：false
            14.endsWith()
                语法同上
                验证是否以该字符结尾，是true，不是false
            15.trim()
                语法：字符串.trim()
                作用：去除字符串首尾空白，中间空白是去除不了的
                返回值：去除首尾空白之后的新字符串。
            16.trimStart()或者trimLeft()
                去除字符串开头的空白
            17.trimEnd()或者trimRight()
                去除字符串结尾的空白
            18.replace()
                语法：字符串.replace(你要替换的字符，新字符)
                语法：字符串.replace(旧的，新的)
                作用：替换字符串
                返回值：替换好的字符串
                注意：只能替换一个片段
        */
        var str = 'hello world ABC'
        //         0123456789 10
        //                       -1

        // ======1.charAt()
        // var res = str.charAt(10)//找索引10对应的字符
        // console.log(res);

        // 2.charCodeAt()
        // var res = str.charCodeAt(0)//找索引0对应的字符的编码，也就是h对应的编码
        // console.log(res);

        //  3.toUpperCase()
        // var res = str.toUpperCase()
        // console.log(res);

        // 4.toLowerCase()
        // var res = str.toLowerCase()
        // console.log(res);

        // 5.substr():截取
        // var res = str.substr(3,5)//从3的位置开始截取5个
        // var res = str.substr(3)//从3的位置开始截取到最后
        // console.log(res);

        // 6.substring()：截取
        // var res  = str.substring(3,5)//从3的位置开始截取到5的位置
        // var res  = str.substring(3)//从3的位置开始截取到最后
        // var res  = str.substring(-3,-1)//
        // console.log(res);
        // console.log('================================');
        //  7.slice()截取
        //  var res  = str.slice(3,5)//从3的位置开始截取到5的位置
        //  var res  = str.slice(3)//
        //  var res  = str.slice(-3,-1)//
        //  console.log(res);

        // ====8.split()
        // var  res = str.split(' ')
        // var  res = str.split('t')
        // console.log(res);

        // 9.concat()
        // var res = str.concat('哈哈哈哈')
        // var res = str+'哈哈哈哈'
        // console.log(res);

        // 10.indexOf

        // var res = str.indexOf('e')//查找e这个字符对应的索引
        // var res = str.indexOf('l')//查找l这个字符对应的索引
        // var res = str.indexOf('t')//查找t这个字符对应的索引,找不见，结果是-1
        // var res = str.indexOf('l',4)//从4的位置开始往后找l的索引
        // console.log(res);

        // 12.includes()
        // var  res = str.includes('e')//找str中有没有e
        // var  res = str.includes('t')//找str中有没有t
        // console.log(res);

        // 13。startsWith
        // var res = str.startsWith('e')//看str是否以e开头
        // var res = str.startsWith('h')//看str是否以h开头
        // console.log(res);

        // 14.endsWith
        // var res = str.endsWith('e')//看str是否以e结尾
        // var res = str.endsWith('C')//看str是否以C结尾
        // console.log(res);

        // var str2 = '       你好 哈哈      '
        // console.log(str2);

        // 15.trim()
        // var res = str2.trim()
        // console.log(res);
        // 16。
        // var res = str2.trimStart()
        // var res = str2.trimLeft()
        // console.log(res);

        // 17
        // var res = str2.trimEnd()
        // var res = str2.trimRight()
        // console.log(res);


        // 18.
        var str2 = 'hello world ABC'
        // 将str2中的ABC替换成哈哈
        // var res = str2.replace('ABC','哈哈')
        var res = str2.replace('world','*')
        console.log(res);
    </script>
</body>
</html>