字符串的新增方法 具体参照 http://es6.ruanyifeng.com

Posted zhaoqiusheng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了字符串的新增方法 具体参照 http://es6.ruanyifeng.com相关的知识,希望对你有一定的参考价值。

1.FormCodePoint 对象方法 用于从 Unicode 码点返回对应字符,可以识别原来es5不能识别的大于0xFFFF的码点。

String.fromCodePoint(0x20BB7) // "??"
2.codePointAt 实例方法

let s = ‘??a‘;

for (let ch of s)

console.log(ch.codePointAt(0).toString(16));

// 20bb7

// 61
3.string.raw() 转译反斜杠 对象方法 往往用于模板字符串的处理方法

String.raw`Hi\n$2+3!`; // 返回 "Hi\\n5!"
4.normalize() 实例方法

许多欧洲语言有语调符号和重音符号,比如ǒ(\u01D1),比如O(\u004F)和ˇ(\u030C)合成ǒ(\u004F\u030C)

‘\u01D1‘.normalize() === ‘\u004F\u030C‘.() ES6通过normalize()方法可以识别一些欧洲语言

5.实例方法:includes(), startsWith(), endsWith()

avaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。

  • includes():返回布尔值,表示是否找到了参数字符串。
  • startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。
  • endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。
    let s = ‘Hello world!‘;
    s.startsWith(‘Hello‘) // true
    s.endsWith(‘!‘) // true
    s.includes(‘o‘) // true
    

    这三个方法都支持第二个参数,表示开始搜索的位置。

    let s = ‘Hello world!‘;
    s.startsWith(‘world‘, 6) // true
    s.endsWith(‘Hello‘, 5) // true
    s.includes(‘Hello‘, 6) // false

6.实例方法 repeat()

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

‘x‘.repeat(3) // "xxx"
‘hello‘.repeat(2) // "hellohello"
‘na‘.repeat(0) // ""

参数如果是小数,会被取整。

‘na‘.repeat(2.9) // "nana"
如果repeat的参数是负数或者Infinity(无穷),会报错。
‘na‘.repeat(Infinity) // RangeError ‘na‘.repeat(-1) // RangeError

但是,如果参数是 0 到-1 之间的小数,则等同于 0,这是因为会先进行取整运算。0 到-1 之间的小数,取整以后等于-0repeat视同为 0。

‘na‘.repeat(-0.9) // ""

参数NaN等同于 0。

‘na‘.repeat(NaN) // ""

如果repeat的参数是字符串,则会先转换成数字。

‘na‘.repeat(‘na‘) // ""
‘na‘.repeat(‘3‘) // "nanana"

7.实例方法psdSatrt(),padEnd().

ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。(其他情况如补全字符超出定义的长度等情况在此不一 一列举)。

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

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

8.实例方法:trimStart(),trimEnd()。

ES2019 对字符串实例新增了trimStart()trimEnd()这两个方法。它们的行为与trim()一致,trimStart()消除字符串头部的空格,trimEnd()消除尾部的空格。它们返回的都是新字符串,不会修改原始字符串。

const s = ‘  abc  ‘;
s.trim() // "abc"
s.trimStart() // "abc  "
s.trimEnd() // "  abc"
浏览器还部署了额外的两个方法,trimLeft()trimStart()的别名,trimRight()trimEnd()的别名。

8.实例方法:matchAll

matchAll()方法返回一个正则表达式在当前字符串的所有匹配,详见《正则的扩展》的一章。

以上是关于字符串的新增方法 具体参照 http://es6.ruanyifeng.com的主要内容,如果未能解决你的问题,请参考以下文章

es6新增语法详解

前端面试经典题之ES6新特性

ES5新增方法总结(数组方法,字符串方法,对象方法)

34 新增的 miranda 方法 & 新增的常量池 entry

34 新增的 miranda 方法 & 新增的常量池 entry

PHP系列PHP 7.0新增特性详解