javascript学习：字符串方法

JS学习导图

---

复制拼接

str.repeat()

将字符串复制n次，并拼接，返回结果
参数：复制次数

let str = '12abcd45'
let result = str.repeat(2) //接收一个参数，复制的次数
console.log(result) //12abcd4512abcd45

---

合并

str.concat()

字符串合并，返回拼接后的结果
参数：要拼接的字符串

let str = '12ab'
let str2 = '666'
let result = str.concat(str2) //可接收变量，或字符串
console.log(result) //12ab666

---

字符串拆分成数组

str.split()

字符串拆分，返回数组
参数：拆分的符号

const str = 'abcde'
console.log(str.split())   //['abcde']
console.log(str.split('')) //['a','b','c','d','e']

---

替换/删除

str.replace()

2个参数，将第一个参数替换成第二个参数,，无则返回原字符串
参数：
第一个参数是：被替换的字符串
第二个参数是：新的字符串

//替换
let str = '12ab'
let result = str.replace('a','777')
console.log(result) //12777b

//删除
let str = '12ab'
let result = str.replace('a','')
console.log(result) //12b

---

截取

str.substr()，str.substring

截取范围内的字符串，不会对原字符串造成影响
参数：
第一个参数：下标开始的位置
第二个参数：截取结束的位置，不包含本身，不填截取剩余全部

let str = '12abcd45'
console.log(str.substr(2,6)) //abcd

注意：
如果第一个参数大于第二个参数，则交换2者截取
console.log(str.substring(4,1)) //2ab

---

str.slice()

截取范围内的字符串
参数：
第一个参数：下标开始的位置
第二个参数：截取结束的位置，不包含本身，不填截取剩余全部

let str = '12abcd45'
let result = str.slice(2,6)
console.log(result) //abcd

注意：
如果参数为负数，则从尾部开始窃取
console.log(str.slice(-4))// 窃取后面4位 cd45

---

去除空格

str.trim()

去除字符串左右两边的空格，无参数

let str = 'abcd'
let str2 = ' 888 '  //有空格
let result = str.concat(str2.trim())
console.log(result) //abcd888 无空格

---

填充补全

str.padStart()

在字符串前填充补全
参数：
第一个参数是：字符串的总长度，
第二个参数是：要补全的值

let str = 'abcd' //原本是4位
let result = str.padStart(8,'6')
console.log(result) //6666abcd  现在变8位
console.log(str.padStart(8,'123456789')) //1234abcd根据总长度，只会补全前面4位

---

str.padEnd()

在字符串后填充补全
参数：同上

let str = 'abcd'
let result = str.padEnd(8,'6')
console.log(result) //abcd6666
console.log(str.padEnd(8,'123456789')) //abcd1234

---

大小写转换

str.toUpperCase()：字符串转成大写

str.toLowerCase()：字符串转成小写

将字符串转换成大写或者小写，无参数，返回一个新的字符串，不改变原有字符串

let str = 'abcd'
let str2 = 'EFGH'
console.log(str.toUpperCase()) // ABCD
console.log(str2.toLowerCase()) // efgh

---

查找

查索引，获取值

str.charAt()

获取指定索引位置的字符
参数：索引位置

let str = '12abcd45'
let result = str.charAt(2)
console.log(result) //a

---

查值，获取索引

str.indexOf()，最先出现

str.lastIndexOf()，最后出现

在字符串中查找参数 最先 或者 最后 出现的下标位置 ，一个参数，无则返回-1

let str = '12abcd45'
let result = str.indexOf('a')
console.log(result) //2


let str = 'a2abada5'
let result = str.lastIndexOf('a')
console.log(result) //6

---

查值，获取索引

str.search()

在字符串中查找参数的第一个，返回下标，无则返回-1

let str = 'a2abada5'
let result = str.search('b')
console.log(result) //3

---

str.repeat()，拼接

将字符串复制n次，并拼接，返回结果
参数：复制次数

let str = '12abcd45'
let result = str.repeat(2) //接收一个参数，复制的次数
console.log(result) //12abcd4512abcd45

---

查值，获取布尔值

str.includes()

在字符串中查找，是否找到字符串，返回布尔值，找到返回true，没有找到返回false

let str = '1234abcd'
let result = str.includes('a')
console.log(result) //true

---

查开头结尾，获取布尔值

str.startsWith()，查开头

str.endsWith()，查结尾

在字符串中，是否以参数开头 或 结尾，返回布尔值，是返回true，否返回false

let str = 'onclick'

console.log(str.startsWith('on')) //true
console.log(str.endsWith('click')) //true

---

查值或正则表达式，获取数组

str.match()

在字符串中查找参数的第一个a及下标，返回一个数组，无则返回null

参数：值 或者 正则表达式

let str = 'a2abada5'
let result = str.match('b')
console.log(result) //[b,index:3]

console.log(str.match(/\D+/)) //['a', index: 0, input: 'a2abada5', ...]

---

unicode编码

str.charCodeAt()

返回指定索引位置字符的unicode编码

let str = 'hello'
let result = str.charCodeAt(2) //不写默认获取第一个
console.log(result) //108

String.formCharCode()

将unicode编码转成字符串

let str = 108
let result = String.fromCharCode(str)
console.log(result) //l

---

base64编码

无法处理中文

btoa()：加密

atob()：解密

let str = 'love'

加密
console.log(btoa(str)) //bG92ZQ==

解密
console.log(atob('bG92ZQ==')) //love

---

处理中文

encodeURIComponent()：

将非ASCII码转换为base64编码

let str = '我爱你'
let result = encodeURIComponent(str)
console.log(result) //%E6%88%91%E7%88%B1%E4%BD%A0

decodeURIComponent()：

将转码后的内容专为非ASCII内容

let str = '我爱你'
let result = encodeURIComponent(str)
console.log(result) //%E6%88%91%E7%88%B1%E4%BD%A0

---

JS学习导图