一文讲清楚字符串string的定义和字符串string的常用方法

一文讲清楚字符串string的定义和字符串string的常用方法

1. 如何定义一个字符串

1.1 使用单引号

let str='string'
console.log(str)//string

1.2 使用双引号

let str="string"
console.log(str)//string

1.3 使用模板字符串``

let num=123
let str=`string ${123}`
console.log(str)//string 123

1.4 使用对象String

let str=new String("string")
console.log(str)//string

2.字符串的常用方法

• 对任何变量的草都离不开增删改查

2.1 字符串“增”操作

2.1.1 concat(str,…strs)

• 把一个或多个字符串拼接成一个新的字符串

let str='my'
let newStr=str.concat(' name',' is Tom')
console.log(newStr)//my name is Tom

2.2 字符串“删”操作

2.2.1 slice(start,end)

• 截取字符串[start,end)之间的字符串，并返回截取的字符串，不影响原字符串.支持-start

let str='my name is tom'
let newStr=str.slice(3,7)
console.log(newStr)//name
console.log(str)//my name is tom

2.2.2 substr(start,length)

• 从start开始截取长度为length的字符串并返回该字符串，不改变原字符串.支持-start，将从倒叙索引开始

let str='my name is tom'
let newStr=str.substr(3,2)
console.log(newStr)//na
console.log(str)//my name is tom

2.2.3 substring(start,end)

• 截取字符串[start,end)之间的字符串，并返回截取的字符串，不影响原字符串.不支持-start

let str='my name is tom'
let newStr=str.substring(3,7)
console.log(newStr)//name
console.log(str)//my name is tom

2.3 字符串“改”操作

2.3.1 trim(),trimLeft(),trimRight()

• 删除所有空格/前空格、后空格

let str=" my name is tom "
console.log(str.trim())
console.log(str.trimLeft())
console.log(str.trimRight())
//my name is tom
//my name is tom
// my name is tom

2.3.2 repeat(num)

• 将字符串复制num次，并拼接返回

let str='my'
console.log(str.repeat(3))//mymymy

2.3.3 padEnd(length,character)

• 把字符串赋值给一个指定length长度的字符串，如果字符串长度不够，则用character填充

let str='my'
console.log(str.padEnd(12,'-'))//my----------

2.3.4 toLowerCase(),toUpperCase()

• 转换成小写/大写

let str='My name is Tom'
console.log(str.toLowerCase())//my name is tom
console.log(str.toUpperCase())//MY NAME IS TOM

2.4 字符串“查”操作

2.4.1 charAt(index)

• 返回字符串索引index指定位置的字符串

let str='my name is tom'
console.log(str.charAt(0))//m

2.4.2 indexOf(str)

• 从字符串开始位置查找是否包含str，如果包含，返回起始位置，如果找不到，返回-1

let str="my name is tom"
console.log(str.indexOf('name'))//3

2.4.3 startsWith(str)

• 查询字符串是不是一str开始的，如果是，返回true，否则返回false

2.4.4 includes(str)

• 查询字符串是否包含str，如果是，返回true，否则返回false

let str="my name is tom"
console.log(str.includes('my'))//true
console.log(str.includes('names'))//false

2.4.5 replace(str,replaceStr)

• 查询字符串是否包含str，如果包含，把str替换成replaceStr，如果查询不到，则返回原字符串

let str="my name is tom"
console.log(str.replace('my','your'))//your name is tom
console.log(str.includes('mys','your'))//my name is tom

2.4.6 match(regExp)

• 接收一个正则表达式或者RegExp对象，返回符合一个数组，数组内第一项是匹配到的字符串，第二项是匹配到字符串的其实索引，第三项是字符串本身，第四项是一个goups。如果匹配不到，返回null

let str="ggmy name is tom"
console.log(str.match(/..m/))//[ 'ggm', index: 0, input: 'ggmy name is tom', groups: undefined ]
console.log(str.match(/..m/)[0])//ggm

2.4.7 search(regExp)

• 接收一个正则表达式或者RegExp对象，查询是否有匹配，有返回匹配其实索引，匹配不到，返回-1

let str="ggmy name is tom"
console.log(str.search(/..me/))//5
console.log(str.match(/..mf/))//-1