ES6 字符串新增方法
程序员文章站
2023-12-21 15:53:40
...
字符串新增方法
String.fromCodePoint()
从 Unicode 码点返回对应字符,方法可以识别大于0xFFFF
的字符
String.fromCharCode(0x20BB9) // "ஹ"
String.fromCodePoint(0x78, 0x1f680, 0x79) === 'x\uD83D\uDE80y' // true
String.raw()
方法返回一个斜杠都被转义(即斜杠前面再加一个斜杠)的字符串
String.raw`Hi\u000A!`;
// 实际返回 "Hi\\u000A!",显示的是转义后的结果 "Hi\u000A!"
codePointAt()
测试一个字符由两个字节还是由四个字节组成的最简单方法
function is32Bit(c) {
return c.codePointAt(0) > 0xFFFF;
}
is32Bit("????") // true
is32Bit("a") // false
includes()
返回布尔值,表示是否找到了参数字符串
let s = 'Hello world!';
s.includes('w') // true
s.includes('i') // false
startsWith()
返回布尔值,表示参数字符串是否在原字符串的头部。
let s = 'Hello world!';
s.startsWith('He') // true
s.startsWith('Hi') // false
endsWith()
返回布尔值,表示参数字符串是否在原字符串的尾部。
let s = 'Hello world!';
s.endsWith('!') // true
s.endsWith('d') // false
includes、startsWith、endsWith支持第二个参数,表示开始搜索的位置
let s = 'Hello world!';
s.startsWith('world', 6) // true
s.endsWith('Hello', 5) // true
s.includes('Hello', 6) // false
repeat()
返回一个新字符串,表示将原字符串重复n
次
'ha'.repeat(3) // 'hahaha'
'hi'.repeat(0) // ''
padStart(),padEnd()
如果某个字符串不够指定长度,会在头部或尾部补全
'x'.padStart(5, 'ha') // 'hahax'
'x'.padStart(4, 'ha') // 'hahx'
'x'.padEnd(5, 'ha') // 'xhaha'
'x'.padEnd(4, 'ha') // 'xhah'
'x'.padStart(4) // ' x'
'x'.padEnd(4) // 'x '
提示字符串格式。
'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"
'12-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-12-12"
trimStart(),trimEnd()
消除字符串头部的空格和消除尾部的空格
const s = ' abc ';
s.trim() // "abc"
s.trimStart() // "abc "
s.trimEnd() // " abc"
replaceAll()
一次性替换所有要匹配的字符
'aabbcc'.replaceAll('b', '_');
// 相当于
'aabbcc'.replace(/b/g, '_');
// 'aa__cc'
匹配酒店房间编号
const str = '123abc456';
const regex = /(\d+)([a-z]+)(\d+)/g;
function replacer(match, p1, p2, p3, offset, string) {
return [p1, p2, p3].join(' - ');
}
str.replaceAll(regex, replacer)
// 123 - abc - 456
参考文献
阮一峰老师的 ECMAScript 6 入门
点赞 评论 收藏 ~~ 今天的学习记录暂时到这...... ~~ 点赞 评论 收藏