JavaScript-中String字符串常用的方法汇总

柔光的暖阳◎ 2023-05-30 09:08 27阅读 0赞

#### indexOf() ####

`stringObject.indexOf(searchValue, fromIndex)` 用于查找指定字符在母字符串中首次出现的位置，从左往右查找；返回值为字符在母串中的索引（下标）；如果不存在则返回 -1。

*  `stringObject` 需要查找的母字符串对象

参数：

*  `searchValue` 需要在母串中查找的字符
 *  `fromIndex` 用于规定开始查找的位置（默认从 0 开始），是个可选整数

var str = 'qwertfdsewefdewff'
    
    // 存储返回值
    var index = str.indexOf('w')
    console.log(index) // 1
    
    var index2 = str.indexOf('w', 2) // 规定开始查找的位置
    console.log(index2) // 9
    
    // 查找的字符串不存在时返回 -1
    console.log(str.indexOf('W')) // -1

#### lastIndexOf() ####

`stringObject.lastIndexOf(searchValue, fromindex)` 该方法与 indexOf 的功能相同都是返回字符串中指定字符第一次出现时的位置；不同的是查找的方向，该方法从右往左进行查找（从后往前进行查找）；如果不存在则返回 -1。

var str = 'qwertfdsewefdewff'
    
    // 存储返回值
    var index = str.lastIndexOf('w')
    console.log(index) // 14
    
    var index2 = str.lastIndexOf('w', 13) // 规定开始查找的位置
    console.log(index2) // 9
    
    // 查找的字符串不存在时返回 -1
    console.log(str.lastIndexOf('W')) // -1

#### charAt() ####

`stringObject.charAt(index)` 从一个字符串中返回指定位置的字符

*  `index` 字符串中的某个位置（下标），如果指定的 index 值超出了字符串最大索引（下标），则返回一个空字符串。

var str = 'abcdefg'
    // 获取指定位置的字符串
    var char= str.charAt(2)
    // 打印
    console.log(char) // c
    
    // 索引超出了字符串最大下标
    var char2 = str.charAt(99)
    // 返回的是空字符
    console.log(char2) //

HTML5 中提供了新的方式，可以通过 `[]` 括号来获取指定位置的字符；功能与 charAt() 等效

var str = 'abcdefg'
    console.log(str[2]) // c

#### charCodeAt() ####

`stringObject.charCodeAt(index)` 该方法用于获取母字符串中指定位置（下标）字符的 Unicode 编码；返回值为 0 - 65535 之间的整数。

*  `idnex` 符串中的某个位置，就是字符串中的某个下标；如果 index 为负数或者大于等于字符串的长度，则 charCodeAt() 返回 NaN。

var str = "AaBbCcDdEe"
    // 获取下标为 1 的字符的编码
    var code = str.charCodeAt(1)
    console.log(code) // 97
    
    // 查找的位置超出了字符串的最大下标
    var code2 = str.charCodeAt(999)
    console.log(code2) // NaN

#### concat() ####

`str.concat(str2, str3, ...)` 将一个或多个字符串与原字符串（str）进行连接，形成一个新的字符串并返回；该方法并不修改原字符串。

*  `str2, str3, ...` 与原字符串进行连接的字符串，多个字符串会顺次与 str 进行连接

var str = "AaBbCcDdEe", str2 = 'www', str3 = 'WASD'
    // 获取连接后的字符串
    var newStr = str.concat(str2, str3)
    console.log(newStr) // AaBbCcDdEewwwWASD

#### substr() ####

`stringObject.substr(strat, length)` 从原字符串的指定位置开始抽取指定长度的字符串，并将抽取的字符串作为新字符串返回；该方法不会修改原字符串。

*  `start` 开始抽取的位置
 *  `length` 抽取的长度

var str = "AaBbCcDdEe"
    // 存储抽取的字符串
    var newStr = str.substr(3, 3)
    // 打印
    console.log(newStr) // bCc
    console.log(str) // AaBbCcDdEe

需要注意的是，substr() 方法虽好官方不推荐使用

#### slice() ####

`stringObject.slice(beginIndex, endIndex)` 从原字符串中的指定位置开始（包含开始位置）提取字符串到指定位置结束（不包含结束位置），提取的范围是一个左闭右开的区间（`[ )`）；返回值为提取的新字符串。

*  `beginIndex` 开始提取的位置（下标），如果是负数，则表示是从字符串的尾部开始算起的位置（表示倒数）
 *  `endIndex` 提取结束的位置（实际提取的字符位置为 endIndex - 1），是个可选参数；当省略该参数时将从 start 位置开始一直提取到结尾；如果该参数是负数，则从字符串的尾部开始算结束位置（-1 表示倒数第一位，以此类推）。

var str = "AaBbCcDdEe"
    // 获取提取的字符串
    var newStr = str.slice(0, 2)
    console.log(newStr) // Aa
    console.log(str) // AaBbCcDdEe
    
    // 省略了第二个参数，直接提取到最后
    var newStr2 = str.slice(2)
    console.log(newStr2) // BbCcDdEe

#### substring() ####

`stringObj.substring(startIndex, endIndex)` 功能及参数同 slice()

var str = "AaBbCcDdEe"
    // 获取提取的字符串
    var newStr = str.substring(0, 2)
    console.log(newStr) // Aa
    console.log(str) // AaBbCcDdEe
    
    // 省略了第二个参数，直接提取到最后
    var newStr2 = str.substring(2)
    console.log(newStr2) // BbCcDdEe

#### replace() ####

`stringObject.replace(regexp|substr, newSubStr|function)` 用指定的字符串替换原字符串中匹配到的字符串；返回值为替换后的新字符串。

*  `regexp|substr` 设置匹配的字符串（就是将要被替换的字符串），该参数可以是正则表达式也可以是具体字符（为字符时仅替换第一个匹配到的字符串）
 *  `newSubStr|function` 用于替换掉第一个参数在原字符串中匹配到的字符串，该参数可以是字符串也可以是函数（函数的返回值将替换掉第一个参数匹配到的结果）

var str = "AaBbCcBbDdBbEeBAB"
    // 存储替换后的字符串
    var newStr = str.replace('Bb', 'www')
    // 只替换匹配到的第一个字符串
    console.log(newStr) // AawwwCcBbDdBbEeBAB
    // 原字符未被修改
    console.log(str) // AaBbCcBbDdBbEeBAB
    
    // 使用正则替换全部匹配的字符
    var str2 = str.replace(/Bb/g, 'www')
    console.log(str2) // AawwwCcwwwDdwwwEeBAB

#### split() ####

`stringObject.split(separator, limit)` 使用指定的分割符（该分割符必须是原字符串中存在的字符）将一个字符串分割成字符串数组。

*  `separator` 分割符，可以是正则表达式也可以是字符串
 *  `limit` 一个整数，限定返回的分割片段数量，是一个可选参数

使用技巧：可以使用空字符串 `""` 作为分割符将字符串中的每个字符分割成数组元素。

var str = "Aa,Bb,Cc,Dd,Ee"
    // 以原字符串中的 ',' 作为分割符
    var arr = str.split(',') // ["Aa", "Bb", "Cc", "Dd", "Ee"]
    console.log(arr)
    // 用空字符串作为分割符将原字符串中的每个字符都分割成数组元素
    var arr2 = str.split('')
    console.log(arr2) // ["A", "a", ",", "B", "b", ",", "C", "c", ",", "D", "d", ",", "E", "e"]

#### toLowerCase() ####

`stringObject.toLowerCase()` 将原字符串转成小写形式后作为新字符串返回；该方法没有参数

var str = "AaBbCcDdEe"
    var newStr = str.toLowerCase()
    console.log(newStr) // aabbccddee

#### toUpperCase() ####

`stringObject.toUpperCase()` 将原字符串转成大写形式后作为新字符串返回；该方法同样没有参数

var str = "AaBbCcDdEe"
    var newStr = str.toUpperCase()
    console.log(newstr) // AABBCCDDEE

#### trim() ####

`stringObject.trim()` 用于删除字符串两端的空白符，该方法没有参数，返回值为处理后的字符串；该方法不会修改原字符串。

var str = " hello world ! "
    var newStr = str.trim()
    // 清除后
    console.log(str)
    // 打印
    console.log(newStr)
    // 清除前
    console.log(str)

![在这里插入图片描述][20191109160550131.png]

#### trimRight() ####

`stringObject.trimRight()` 清除字符串末端的空白符

#### trimLeft() ####

`stringObject.trimLeft()` 清除字符串开头的空白符

[20191109160550131.png]: https://img-blog.csdnimg.cn/20191109160550131.png