欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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 入门


点赞 评论 收藏 ~~ 今天的学习记录暂时到这...... ~~ 点赞 评论 收藏
相关标签: ES6 学习笔记

上一篇:

下一篇: