JavaScript之字符串常用方法

方法	作用
charAt()	返回指定索引位置处的字符
concat()	返回一个两个或者两个以上的字符串拼接的字符串，并不影响原字符串
indexOf()	返回一个字符在字符串中首次出现的位置
lastIndexOf()	返回一个字符在字符串中最后一次出现的位置
localeCompare()	比较两个字符串
split()	使用指定的分隔符将一个字符串拆分为多个子字符串，并将其以数组形式返回
slice()	截取字符串（起始点，结束点）
substring()	截取字符串（起始点，结束点）
substr()	截取字符串（起始点，长度）
match()	在字符串内检索指定的值，或找到一个或多个正则表达式的匹配，并返回一个包含该搜索结果的数组
replace()	替换文本
search()	搜索字符
toLocaleLowerCase()	把字母转换成小写（考虑宿主环境的当前区域设置）
toLocaleUpperCase()	把字母转换成大写（考虑宿主环境的当前区域设置）
toLowerCase()	把字母转换成小写
toUpperCase()	把字母转换成大写
includes()	检测目标字符串对象是否包含某个字符
startsWith()	检测当前字符是否是目标字符串的起始部分
endsWith()	检测当前字符是否是目标字符串的结尾部分
repeat()	将字符串重复指定次数

 1、charAt()

返回指定索引位置处的字符。类似于数组用中括号获取相应下标位置的数据。

var str = 'abcdefg';

console.log(str.charAt(3))  // d
console.log(str[3])  // d

2、concat()

类似数组的concat()，用来返回一个合并拼接两个或两个以上字符串。原字符串不变。

var str1 = 'abcd';
var str2 = '1234';

console.log(str1.concat(str2));  // abcd1234
console.log(str1);  // abcd
console.log(str2);  // 1234

3、indexOf()  lastIndexOf()

indexOf()：返回一个字符在字符串中首次出现的位置

lastIndexOf()：返回一个字符在字符串中最后一次出现的位置

var str = 'abcddbca';

console.log(str.indexOf('b')) // 1
console.log(str.lastIndexOf('b')) // 5

4、localCompare()

localeCompare() 方法用本地特定的顺序来比较两个字符串。localeCompare 方法对 stringVar 和 stringExp 执行区分区域设置的字符串比较，并返回以下结果之一，这取决于系统默认区域设置的排序顺序：-1，如果 stringVar 排在 stringExp 之前。+1，如果 stringVar 排在 stringExp 的后面。 如果两个字符串相等，则为 0（零）： `

str1 = 'GBDCFEA'
var strArr = str1.split('').sort(function(strVar, strExp){
	return strVar.localeCompare(strExp)
})

console.log(strArr.join('')) // ABCDEFG  

5、split()

使用指定的分隔符将一个字符串拆分为多个子字符串数组并返回，原字符串不变。

const str = 'A*B*C*D*E*F*G';

console.log(str.split('*')) // 输出 ["A", "B", "C", "D", "E", "F", "G"]

6、slice()

提取字符串的片断，并把提取的字符串作为新的字符串返回出来。原字符串不变。

const str = 'abcdefg'

// 不传递参数默认复制整个字符串
console.log(str.slice()) // 'abcdefg'

// 传递一个，则为提取的起点，然后到字符串结尾
console.log(str.slice(1)) // 'bcdefg'

// 传递两个，为提取的起始点和结束点(不包括结束点)
console.log(str.slice(2, str.length-1)) // 'cdef'

7、substr(), substring()

截取一个字符串的片段，并返回截取的字符串

substr和substring这两个方法不同的地方就在于参数二，substr的参数二是截取返回出来的这个字符串指定的长度，substring的参数二是截取返回这个字符串的结束点，并且不包含这个结束点。而它们的参数一，都是一样的功能，截取的起始位置。

注意事项：substr的参数二如果为0或者负数，则返回一个空字符串，如果未填入，则会截取到字符串的结尾去。substring的参数一和参数二为NAN或者负数，那么它将被替换为 0。

const str = 'ABCDEFGHIJKLMN'
console.log(str.substr(2))  // 输出 'CDEFGHIJKLMN'
console.log(str.substring(2)) // 输出 'CDEFGHIJKLMN'

console.log(str.substr(2, 9))  // 输出 'CDEFGHIJK'
console.log(str.substring(2, 9))  // 输出 'CDEFGHI'

8、match()

match()方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配，并返回一个包含该搜索结果的数组。

注意事项：如果 match方法没有找到匹配，将返回null。如果找到匹配，则 match方法会把匹配到以数组形式返回，如果正则规则未设置全局修饰符g，则 match方法返回的数组有两个特性：input和index。input属性包含整个被搜索的字符串。index属性包含了在整个被搜索字符串中匹配的子字符串的位置。

const str = '2018年结束了，2019年开始了，2020年就也不远了'
const reg = /\d+/g  // 这里是定义匹配规则，匹配字符串里的1到多个数字

console.log(str.match(reg))  
// 输出符合匹配规则的内容，以数组形式返回 ['2018', '2019', '2020']

console.log(str.match('20'))  
// 不使用正则 ["20", index: 0, input: "2018年结束了，2019年开始了"]

9、replace()

接收两个参数，参数一是需要替换掉的字符或者一个正则的匹配规则，参数二，需要替换进去的字符，仔实际的原理当中，参数二，你可以换成一个回调函数。

const str = '2018年结束了，2019年开始了，2020年就也不远了'
const rex = /\d+/g  // 这里是定义匹配规则，匹配字符串里的1到多个数字
const str1 = str.replace(rex, '****') 
console.log(str1) // 输出："****年结束了，****年开始了,****年也不远了"

const str2 = str.replace(rex, function(item){
    console.log(arguments)  // 看下面的图片
    const arr = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']
    let newStr = ''
    item.split('').map(function(i){
            newStr += arr[i]
    })     
    return newStr
})
console.log(str2) 
// 输出：贰零壹捌年结束了，贰零壹玖年开始了,贰零贰零年也不远了

 10、search()

在目标字符串中搜索与正则规则相匹配的字符，搜索到，则返回第一个匹配项在目标字符串当中的位置，没有搜索到则返回一个 -1。

const str = '2018年结束了，2019年开始了，2020年就也不远了'
const reg = /\d+/i  // 这里是定义匹配规则,匹配字符串里的1到多个数字
console.log(str.search(reg)) // 输出 0  这里搜索到的第一项是从位置0开始的

11、toLocaleLowerCase(), toLocaleUpperCase(),toLowerCase(),toUpperCase()

toLocaleLowerCase 和 toLowerCase都是把字母转换成小写，toLocaleUpperCase 和 toUpperCase则是把字母转换成大写。toLocaleLowerCase 和 toLocaleUpperCase 方法转换字符串中的字符，同时考虑到宿主环境的当前区域设置。大多数情况下，此结果与使用 toLowerCase和 toUpperCase 方法所获得的结果相同。如果语言规则与常规的 Unicode 大小写映射冲突，则结果将会不同。

const str1 = 'abcdefg'
console.log(str1.toLocaleUpperCase())  // ABCDEFG
console.log(str1.toUpperCase())  // ABCDEFG

const str2 = 'ABCDEFG'
console.log(str2.toLocaleLowerCase())// abcdefg
console.log(str2.toLowerCase())  // abcdefg

12、includes(), startsWith(), endsWith() ES6新增方法

includes 用来检测目标字符串对象是否包含某个字符，返回一个布尔值

startsWith 用来检测当前字符是否是目标字符串的起始部分

endwith 用来检测是否是目标字符串的结尾部分

const str = 'Excuse me, how do I get to park road?'

console.log(str.includes('how')) // 输出：true
console.log(str.startsWith('Excuse')) // 输出：true
console.log(str.endsWith('?')) // 输出：true

13、repeat()

返回一个新的字符串对象，新字符串等于重复了指定次数的原始字符串。

接收一个参数，就是指定重复的次数。原字符串不变。

const str = 'http'
const str2 = str.repeat(3)

console.log(str) // 输出：'http'
console.log(str2) // 输出：'httphttphttp'