JS:string常用方法API

1. charAt() 方法从一个字符串中返回指定的字符

    <script>
        function demoCharAt() {
            var str = "我愿意为你放弃曾经那些年少轻狂";

            console.log(str.length); //15
            for (let i = 0; i < str.length; i++) {
                console.log(str.charAt(i));
            }
        }
        demoCharAt()
    </script>

2. charCodeAt() 返回 character code

    <script>
        function demoCharCodeAt() {
            var str = "我愿意为你放弃曾经那些年少轻狂";

            // 取第二个字符“意”的Unicode码点
            console.log(str.charCodeAt(2)); //24847
            console.log("\u610F"); //意  \uxxxx表示Unicode字符集的码点(16进制表示)
        }
        demoCharCodeAt()
    </script>

3.indexOf() 方法返回调用它的 String 对象中第一次出现的指定值的索引,从 fromIndex 处进行搜索。如果未找到该值,则返回 -1。

    <script>
        function demoIndexOf() {
            var str = "我愿意为你放弃曾经你那些年少轻狂";

            var result = str.indexOf("你");
            console.log(result); //4

            var ret = str.indexOf("你", 5);
            console.log(ret); //9
        }
        demoIndexOf()
    </script>

4. substring() 方法返回一个字符串在开始索引到结束索引之间的一个子集,或从开始索引直到字符串的末尾的一个子集(含头不含尾)

    <script>
        function demoSubstring() {
            var str = "我愿意为你放弃曾经那些年少轻狂";

            console.log(str.substring(0, 3)); //我愿意

            console.log(str.substring(3, 7)); //为你放弃

            console.log(str.substring(3, 3)); //""

            console.log(str.substring(0, 15)); //我愿意为你放弃曾经那些年少轻狂
        }
        demoSubstring()
    </script>

5. toUpperCase()、toLowerCase() 转换大小写

    <script>
        function demoToCase() {
            var sentence = 'The quick brown fox jumps over the lazy dog.';
            console.log(sentence.toUpperCase()); //THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.
            console.log(sentence.toLowerCase()); //the quick brown fox jumps over the lazy dog.
        }
        demoToCase()
    </script>

6. replace() 替换出现的第一处 replaceAll() 全部替换

    <script>
        function demoReplace() {
            var str = "The quick brown fox jumps over the lazy dog. If the dog reacted, was it really lazy?";
            //将第一个dog替换为monkey
            // console.log(str.replace('dog', 'monkey'));

            //将第一个dog替换为 李沁
            var newStr = str.replace("dog", function (replacement) {
                console.log(replacement);
                return "李沁"
            })
            console.log(newStr); //The quick brown fox jumps over the lazy 李沁. If the dog reacted, was it really lazy?
        }
        demoReplace() 
    </script>

7. split() 方法使用指定的分隔符字符串将一个String对象分割成子字符串数组

    <script>
        function demoSplit() {
            var str = 'The quick brown fox jumps over the lazy dog.';

            var words = str.split(' ');
            console.log(words);
            //['The', 'quick', 'brown', 'fox', 'jumps', 'over', 'the', 'lazy', 'dog.']

            //将目标字符串拆分为每个字符形成的数组
            var chars = str.split('');
            console.log(chars); //['T', 'h', 'e', ' ', 'q', ...'d', 'o', 'g', '.']

            //将str拆分为长度为1的数组 唯一的那个元素是str本身
            var strCopy = str.split();
            console.log(strCopy);
            // ["The quick brown fox jumps over the lazy dog."]

            //对拆分的结果取前5个元素
            chars = str.split('', 5);
            console.log(chars); //['T', 'h', 'e', ' ', 'q']
        }
        demoSplit()
    </script>

8.判断是否以fuck结尾 endsWith("fuck")

9.判断是否以fuck开头 startsWith("fuck")

10.判断是否包含fuck子串 includes("fuck")

11.寻找fuck最后一次出现的位置 lastIndexOf("fuck")

12.修剪掉字符串头尾的空白 trim()

13.修剪掉字符串尾部的空白 trimEnd()

14.修剪掉字符串头部的空白 trimStart()

15. slice() 方法提取某个字符串的一部分,并返回一个新的字符串,且不会改动原字符串

    <script>
            function demoSlice() {
            var str1 = 'The morning is upon us.', // str1 的长度 length 是 23。
                str2 = str1.slice(1, 8),
                str3 = str1.slice(4, -2),
                str4 = str1.slice(12),
                str5 = str1.slice(30);
            console.log(str2); // 输出:he morn
            console.log(str3); // 输出:morning is upon u
            console.log(str4); // 输出:is upon us.
            console.log(str5); // 输出:""
        }
        demoSlice()
    </script>

16. repeat() 构造并返回一个新字符串,该字符串包含被连接在一起的指定数量的字符串的副本。

    <script>
            function demoRepeat() {
            var str = "abc"
            console.log(str.repeat(0))      // ""
            console.log(str.repeat(1))      // "abc"
            console.log(str.repeat(2))      // "abcabc"
            console.log(str.repeat(3.5))   // "abcabcabc" 参数count将会被自动转换成整数.

            console.log("str=", str);
        }
        demoRepeat()
    </script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值