字符串方法 charAt、charCodeAt、str[]索引、includes、startWith、endWith、repeat等等

目录

1. charAt

         2. charCodeAt

         3. str[]兼容性

4. includes

5. startsWith

6. endWith

7. repeat

8. substr(a,b)

9. substring(a,b)

10. concat

11. indexOf('a') & lastIndexOf('a')

---

1. charAt

返回对应索引的字符

        var str = '你好帅';
        console.log(str.charAt(2)); // 帅 表示索引为2的字符是帅

2. charCodeAt

返回字符串对应索引的Unicode编码 0-65536之间整数

         var str = 'ABC';
         console.log(str.charCodeAt(0)); // 表示索引为0的字符A的Unicode 码值
         console.log(str.charCodeAt(-1)); // NaN 如果里面的索引是负数或者大于字符串长度的值，返回的是NaN
         console.log(str.charCodeAt(3)); // NaN

3. str[]  兼容性 

字符串也有索引，但是存在兼容性

         var str = 'abc';
         console.log(str[0]); // a

4. includes

参数：查找的值

返回值：布尔值

作用：查找是否有这个值

         var arr = ['a', 'b', 'c'];
         console.log(arr.includes('a')); // true
         console.log(arr.includes('d')); // false

不仅仅针对上面数组，字符串的查找同样适用

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

5. startsWith

作用：判断参数字符是否是源字符的开头，返回布尔值

         var str = 'goodgood';
         console.log(str.startsWith('goo')); // true
         console.log(str.startsWith('c')); // false

6. endWith

作用：判断参数字符是否是源字符的结尾,返回布尔值

         var str2 = '你好';
         console.log(str2.endsWith('好')); // true
         console.log(str2.endsWith('你')); // false

7. repeat

作用：重复单个字符或者整个字符串，参数是重复几次

         // repeat
         // 1. 重复单个字符
         console.log('b'.repeat(5)); // bbbbb
         // 2. 重复一个字符 串
         var str = 'bb';
         console.log(str.repeat(5)); // bbbbbbbbbb
         // 3. 深坑 问输出的结果是'你们好你们好'  还是'你们好好'
         console.log('你们' + '好'.repeat(2)); // '你们好好'

8. substr(a,b)

作用：截取字符串，从索引a开始，截取b个

         // 1. substr(起始的位置，截取几个) 
         var str = '123';
         console.log(str.substr(1, 2)); // '23' 
         console.log(str); // 123

9. substring(a,b)

截取字符串，从索引a到索引b-1的值

         // 2. substring(起始位置索引，末尾的位置索引【不包括】) 
         str = 'hello,world';
         console.log(str.substring(0, 5)); // 返回从索引为0 到 索引为4的字符串

10. concat

作用：既可以合并字符串也可以合并数组。不改变原来的值

         var str3 = '123';
         console.log(str3.concat('aa')); // 123aa
         var str4 = 'bbb';
         console.log(str4.concat(str3)); // bbb123

11. indexOf('a') & lastIndexOf('a')

作用：str.indexOf('a') 用于从头开始判断str字符串里面是否有a字符，第一次查找到就返回索引，停止查找。lastIndexOf('a')从结尾开始查找

         var str5 = '你好你好你好';
         console.log(str5.indexOf('你')); // 0
         console.log(str5.lastIndexOf('好')); // 5
         //  如果查找失败返回-1 
         console.log(str5.indexOf('哥哥')); // -1
         //  如果有两个参数 indexOf('a',3) 表示从索引为3的数开始查找
         console.log(str5.indexOf('你', 2)); // 2

后续再补充模板字符串

结尾：

学习id： 201903090124-41

现在是大三学生，学习到了vue阶段，如有不对的地方，欢迎指正，一起努力呀。如有转载请注明出处