美文网首页前端知识点
ES6学习笔记(三)字符串的扩展

ES6学习笔记(三)字符串的扩展

作者: AMONTOP | 来源:发表于2018-12-07 14:32 被阅读21次
1、字符的unicode表示法

ES6 ,只要将码点放入大括号,就能正确解读该字符

"\u{20BB7}"  // "𠮷"

"\u{41}\u{42}\u{43}"  // "ABC"

let hello = 123;
hell\u{6F} // 123

'\u{1F680}' === '\uD83D\uDE80'  // true

'\z' === 'z'  // true
'\172' === 'z' // true
'\x7A' === 'z' // true
'\u007A' === 'z' // true
'\u{7A}' === 'z' // true
2、codePointAt()

codePointAt方法返回的是码点的十进制值,如果想要十六进制的值,可以使用toString方法转换一下。
codePointAt方法是测试一个字符由两个字节还是由四个字节组成的最简单方法。

let s = '𠮷a';

s.codePointAt(0).toString(16) // "20bb7"
s.codePointAt(2).toString(16) // "61"
let s = '𠮷a';
for (let ch of s) {
  console.log(ch.codePointAt(0).toString(16));
}
// 20bb7
// 61
3、String.fromCodePoint()

用于从码点返回对应字符,但是这个方法不能识别 32 位的 UTF-16 字符(Unicode 编号大于0xFFFF)

4、字符串的遍历器接口
//ES6 为字符串添加了遍历器接口,使得字符串可以被for...of循环遍历
for (let codePoint of 'foo') {
  console.log(codePoint)
}
// "f"
// "o"
// "o"
5、normalize()

ES6 提供字符串实例的normalize()方法,用来将字符的不同表示方法统一为同样的形式,这称为 Unicode 正规化。

'\u01D1'.normalize() === '\u004F\u030C'.normalize()  // true
6、includes(), startsWith(), endsWith()
  • includes():返回布尔值,表示是否找到了参数字符串。
  • startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。
  • endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。
    这三个方法都支持第二个参数,表示开始搜索的位置。
7、repeat()

repeat方法返回一个新字符串,表示将原字符串重复n次。

'na'.repeat(2.9) // "nana"

参数如果是小数,会被取整。
如果repeat的参数是负数或者Infinity,会报错。
如果参数是 0 到-1 之间的小数,则等同于 0
参数NaN等同于 0
如果repeat的参数是字符串,则会先转换成数字

8、padStart(),padEnd()

padStart()用于头部补全,padEnd()用于尾部补全

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

(1)如果原字符串的长度,等于或大于最大长度,则字符串补全不生效,返回原字符串
(2)如果用来补全的字符串与原字符串,两者的长度之和超过了最大长度,则会截去超出位数的补全字符串。
(3)如果省略第二个参数,默认使用空格补全长度

9、matchAll()

matchAll方法返回一个正则表达式在当前字符串的所有匹配

相关文章

  • es6的数值,函数,字符串扩展

    一、es6的数值扩展 二、es6的函数扩展 代码效果:对象解构在函数中的应用 三、es6字符串扩展 常用方法 代码...

  • ES6学习笔记三|字符串扩展

    1. 字符的Unicode表示法 如果直接在“\u”后面跟上超过0xFFFF的数值(比如\u20BB7),Java...

  • ES6学习笔记(三)字符串的扩展

    1、字符的unicode表示法 ES6 ,只要将码点放入大括号,就能正确解读该字符 2、codePointAt()...

  • es6第四章学习

    es6第四章学习 字符串的扩展 1.字符的 Unicode 表示法 ES6 加强了对 Unicode 的支持,允许...

  • string

    es6 字符串的新增属性。学习笔记此博文 字符串的遍历器的接口。 includes(),startsWith(),...

  • es6学习笔记整理(三)字符串扩展

    字符串新增特征: 1、Unicode表示法 2、遍历接口 3、模板字符串 数据和模板拼接成带结果的字符串 ``加变...

  • 2018-07-24

    日常打卡,今日学习呀学习....怎么说呢,ES6乃至JS,学习之路漫长呀呀呀. 字符串的扩展includes('s...

  • ES6-02 字符串与正则表达式

    ES6学习笔记-字符串与正则表达式 JS字符串编码 在ES6之前,JS的字符串以16位字符编码(UCS-2)为基础...

  • ECMAScript6新方法(2)

    字符串扩展 ES6加强了对Unicode的支持,并且扩展了字符串对象。 获取字符unicode编码 通过unico...

  • ES6扩展归纳

    ES6扩展归纳 介绍ES6相比与ES5在原有对象上的扩展,包括字符串、正则、数值、函数、数组、对象等扩展,本文是阮...

网友评论

    本文标题:ES6学习笔记(三)字符串的扩展

    本文链接:https://www.haomeiwen.com/subject/tnsthqtx.html