JavaScript中字符串的方法

1. charAt

语法: 字符串.charAt(索引)
作用: 查询指定下标的值
返回值: 查询到的值, 没有查询到就是一个 空字符串

var str = 'abcdefg';

var str1 = str.charAt(4)

console.log(str1)  //---> e

2. charCodeAt

语法: 字符串.charCodeAt(索引)
作用: 查询指定下标的值 对应的 十进制码
返回值: 查询到的值对应的十进制码, 没有查询到就是 NaN

var str = 'abcdefg';

var str1 = str.charCodeAt(4)

console.log(str1)  //---> 101

3. toLowerCase

语法: 字符串.toLowerCase()
作用: 将字符串转换为小写
返回值: 转换后的字符

var str = 'abcdefg';

var str1 = str.toLowerCase()

console.log(str1)  //---> abcdefg

4. toUpperCase

语法: 字符串.toUpperCase()
作用: 将字符串转换为大写
返回值: 转换后的字符

var str = 'abcdefg';

var str1 = str.toUpperCase ()

console.log(str1)  //---> ABCDEFG

5. substr

说明 这个方法将来的某一天可能会删除, 推荐使用 substring
语法: 字符串.substr(开始索引, 多少个)
作用: 截取指定字符串
返回值: 截取到的字符串

var str = 'abcdefg';

var str1 = str.substr(2, 4)

console.log(str1)  //---> cdef

6. substring

语法: 字符串.substring(开始下标, 结束下标) 参数包前面首项不包后面的末尾项
结束下标不传参, 相当于写了 length
作用: 截取指定字符串
返回值: 截取到的字符串

var str = 'abcdefg';

var str1 = str.substring(2, 4)

console.log(str1)  //---> cd

7. slice

语法: 字符串.slice(开始下标, 结束下标) 参数包前面首项不包后面的末尾项
结束下标不传参, 相当于写了 length
开始下标不传参, 相当于写了 0
作用: 截取指定字符串
返回值: 截取到的字符串
写入参数

var str = 'abcdefg';

var str1 = str.slice(2, 4)

console.log(str1)  //---> cd

不写参数

var str = 'abcdefg';

var str1 = str.substring(2)
        console.log(str1)  //---> cdefg
        
var str2 = str.slice()
        console.log(str2)  //---> abcdefg

8. concat

语法: 字符串.concat(数据1, 数据2, 数据3)
作用: 将字符串和 参数传递的数据 拼接
返回值: 拼接后的字符串

var str = 'abcdefg';

 var str1 = str.concat('@', '+')
        console.log(str1)  //---> abcdefg@+

9. indexOf

语法: 字符串.indexOf(数据, 开始下标)
作用: 寻找数据在字符串中的位置
返回值: 找到的时候返回下标, 找不到返回 -1

var str = 'abcdefg';

 var str1 = str.indexOf('b', 0)
        console.log(str1)  //---> 1

10. lastIndexOf

语法: 字符串.lastIndexOf(数据, 开始下标)
作用: 寻找数据在字符串中出现的位置(倒叙查找)
返回值: 找到返回下标, 找不到返回 -1

var str = 'abcdefg';

var str1 = str.lastIndexOf('d', 2)
        console.log(str1)  //--->-1

11. split

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

var str = 'abcdefg';

var str1 = str.split('@')  //---> ['abcdefg']

var str1 = str.split('b')  //---> ['a','cd']

var str1 = str.split('')  //---> [a,b,c,d,e,f,g]

var str1 = str.split(' ')  //---> ['abcdefg']

console.log(str1)

12. trim

语法: 字符串.trim()
作用: 去掉字符串两侧的空格
返回值: 将去掉空格的字符串返回

var str = '  a  b  c  ';

var str1 = str.trim()

console.log(str1)

13. trimStart

语法: 字符串.trimStart() / trimLeft()
作用: 去掉字符串左侧(开始位置)的空格
返回值: 将去掉空格的字符串返回

var str = '  a  b  c  ';

var str1 = str.trimStart()
//或者是
var str1 = str.trimLeft()

console.log(str1)

14. trimEnd

语法: 字符串.trimEnd() / trimRight()
作用: 去掉字符串右侧(结束位置)的空格
返回值: 将去掉空格的字符串返回

var str = '  a  b  c  ';

var str1 = str.trimEnd()
//或者是
var str1 = str.trimRight()

console.log(str1)

15. includes

语法: 字符串.includes(字符串片段)
作用: 判断 当前字符串中 是否拥有 指定字符串 片段
返回值: true —> 拥有; false —> 没有

var str = 'abcdefg';

var str1 = str.includes('c')
    console.log(str1)  //---> true

16. startsWith

语法: 字符串.startsWith(‘字符串片段’)
作用: 查询字符串开头是不是 指定的 字符串片段
返回值: true: 是开头; false: 不是开头

var str = 'abcdefg';

var str1 = str.startsWith('bc')
    console.log(str1)  //---> false

17. endsWith

语法: 字符串.endsWith(‘字符串片段’)
作用: 查询字符串结尾是不是 指定的 字符串片段
返回值: true: 是结尾; false: 不是结尾

var str = 'abcdefg';

var str1 = str.endsWith('ef')
    console.log(str1)  //---> false

18. replace

语法: 字符串.replace(‘要被替换的字符’, ‘替换的字符’)
作用: 找到当前字符串中第一个参数对应的值, 然后将其替换为 第二个参数传入的数据
返回值: 替换完成的字符串

var str = 'abcdefg';

var str1 = str.replace('abc', '***')
    console.log(str1)  //---> ***defg