前端常用字符串方法（一）

目录

1. lastIndexOf()

2. split()

3.substring()

4. padStart()，padEnd()

5. replace(),replaceAll()

---

1. lastIndexOf()

可以返回某个子字符串在字符串中最后出现的位置。

stringObject.lastIndexOf(substring,startindex)

两个参数，第一个是需要查询的字符串，第二个为可选参数，用于指定在字符串中开始查找的位置，在这个位置从后向前查找。它的取值范围是0~stringObject.length-1。如果省略该参数，则从字符串的最后一个字符开始查找。如果要查找的子字符串没有出现，则返回-1。

2. split()

用于把一个字符串分割成字符串数组。

stringObject.split(separator,limit)

参数	描述
separator	必需。用于分割字符串的子字符串。 注:如果此参数为一个空字符串""，那么stringObject中的每个字符都会被分割
limit	可选。设定字符串被分割的次数，如果省略此参数，则不限制分割次数。

const a = '1 1 2 2'
const b = a.split(' ')
console.log(b)// ['1', '1', '2', '2']

 

3.substring()

用于提取字符串中介于两个指定下标之间的字符。

如果有一个参数：

则表示开始位置，结束默认最后，如：
var str=“abcdefghi”
document.write(str.substring(3))

输出：defg

如果有两个参数：

第一个参数为开始的索引，
第二个是截止的索引位置（不包括它）
1、取得的字符串长度为：endIndex - beginIndex;
2、从beginIndex开始取，到endIndex结束，索引从0开始，其中不包括endIndex位置的字符
如：

var str=“abcdefghi”
document.write(str.substring(3,7))

输出：defg

4. padStart()，padEnd()

ES2017 引入的字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。

'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'

'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'

如果原字符串的长度，等于或大于最大长度，则字符串补全不生效，返回原字符串。

'xxx'.padStart(2, 'ab') // 'xxx'
'xxx'.padEnd(2, 'ab') // 'xxx'

如果用来补全的字符串与原字符串，两者的长度之和超过了最大长度，则会截去超出位数的补全字符串。

'abc'.padStart(10, '0123456789')
// '0123456abc'

如果省略第二个参数，默认使用空格补全长度。

'x'.padStart(4) // '   x'
'x'.padEnd(4) // 'x   '

 

5. replace(),replaceAll()

replace() 方法 返回一个新的字符串，但并不改变字符串本身。

该方法接收2个参数，
第一个参数可以是字符串，也可以是一个正则表达式；
第二个参数可以是一个字符串，也可以是一个函数。

第一个参数为字符串时，需要注意：如果原字符串中有多处需要修改，则只会替换第一个。

s="We are happy."
var replaceSpace = function(s) {
    const str = s.replace(' ','%20')
    return str
};
str为"We%20are happy." 此时第二个空格并没有被替换为%20

 如果希望全部替换，就改为正则表达式或者直接用 replaceAll() 

var replaceSpace = function(s) {
    const str = s.replace(/ /g,'%20')
    return str
};

var replaceSpace = function(s) {
    const str = s.replaceAll(' ',%20')
    return str
};

str输出都为"We%20are%20happy."