ES6中新增的字符串方法

  1. String.fromCodePoint()

    • 用于从 Unicode 码点返回对应字符
    • String.fromCodePoint(0x20BB7)
      // "??"
      String.fromCodePoint(0x78, 0x1f680, 0x79) === ‘x\uD83D\uDE80y‘
      // true
    • 上面代码中,如果String.fromCodePoint方法有多个参数,则它们会被合并成一个字符串返回。
  2. String.raw()

    •   该方法返回一个斜杠都被转义(即斜杠前面再加一个斜杠)的字符串,往往用于模板字符串的处理方法。
    • String.raw`Hi\n${2+3}!`;
      // 返回 "Hi\\n5!"
      
      String.raw`Hi\u000A!`;
      // 返回 "Hi\\u000A!"
    • 如果原字符串的斜杠已经转义,那么String.raw()会进行再次转义。
    • String.raw`Hi\\n`
      // 返回 "Hi\\\\n"
      
      String.raw`Hi\\n` === "Hi\\\\n" // true

  3.实例方法:

  codePointAt()

    • codePointAt()方法会正确返回 32 位的 UTF-16 字符的码点(十进制值),码点的十进制值,如果想要十六进制的值,可以使用toString()方法转换一下。
    • Tip:使用for...of循环
    • codePointAt()方法是测试一个字符由两个字节还是由四个字节组成的最简单方法。代码如下:
    • function is32Bit(c) {
        return c.codePointAt(0) > 0xFFFF;
      }
      
      is32Bit("??") // true
      is32Bit("a") // false

  4.实例方法:

  normalize()

    • 用来将字符的不同表示方法统一为同样的形式,这称为 Unicode 正规化。  

    5.实例方法:

  includes(), startsWith(), endsWith()

      • includes():返回布尔值,表示是否找到了参数字符串。
      • startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。
      • endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。

      注意:使用第二个参数n时,endsWith的行为与其他两个方法有所不同。它针对前n个字符,而其他两个方法针对从第n个位置直到字符串结束。

        

  6.实例方法:

  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.实例方法:

  padStart(),padEnd()

    • padStart()用于头部补全
    • padEnd()用于尾部补全。
      • padStart()padEnd()一共接受两个参数,第一个参数是字符串补全生效的最大长度,第二个参数是用来补全的字符串。

  8.实例方法:

  trimStart(),trimEnd()

    • trimStart()消除字符串头部的空格,trimEnd()消除尾部的空格。它们返回的都是新字符串,不会修改原始字符串。    

  9.实例方法:

  matchAll()

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

原文地址:https://www.cnblogs.com/weimingmei/p/11488458.html

时间: 2024-08-08 18:29:28

ES6中新增的字符串方法的相关文章

es6中新增的字符串函数

// starsWith(); // endWith(); // include(); // repeat(); 原文地址:https://www.cnblogs.com/wanqingcui/p/10801502.html

S5中新增的Array方法详细说明

ES5中新增的Array方法详细说明 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=3220 一.前言-索引 ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了. ES5中新增了写数组方法,如下: forEach (js v1.6) map (js v1.6) filter (js v1.6

ES6学习之ES5之后新增的字符串方法

1.字符串模板:用法:`${变量名}` (好像是C#6.0中也引入了类似的方法.C#中的用法:$"我是{变量名}" ---> $"我叫{name}" ,相当于string.Format() ) //ES6中字符串新的连接的方式 --->字符串模板 let name = "小样儿", age = 18; let str = `我叫${name},今年${age}岁!` console.log(str); //我叫小样儿,今年18岁! 字

ES5中新增的Array方法详细说明

ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了. ES5中新增了写数组方法,如下: forEach (js v1.6) map (js v1.6) filter (js v1.6) some (js v1.6) every (js v1.6) indexOf (js v1.6) lastIndexOf (js v1.6) reduce (js v1.8) reduceRight (js v1.8) 浏览器支持 Ope

es6中新增的常用数值扩展

Number.integer(123) //true 是否为整形数字 //注意,参数必须是数字,字符串的数字都不行 Number.MAX_SAFE_INTEGER / Number.MIN_SAFE_INTEGER // js可处理的最大和最小的数值,也就是安全区 Number.isFinite() //用来检查一个数值是否为有限的.和integer一样,不会把字符串隐式转换成数字 Math.trunc(1.1) //只取整数, 不涉及四舍五入,类似双波浪号效果(~~1.1) Math.sign

es6中新增对象的特性和方法

1. 对象简写 //曾经假如是这样的 var name = 'xxx' var obj = { name : name, say : function(){ alert(this.name) } } //对象简写后 var obj = { name, say(){ alert(this.name) } } //简单的说就是写对象的时候把冒号以及左边的key省了,直接写变量名或者方法名,这个应用还是很广泛的. 2. 属性名表达式 //曾经定义的时候可以这样这样 var obj = { name :

ES6中数组的新方法

数组的扩展 1.1扩展运算符 1.1.1:... 扩展运算符(spread)是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. <body> <div></div> <div></div> <div></div> <div></div> </body> <script type="text/javascript"> c

linux中shell截取字符串方法总结

截取字符串的方法一共有八种,主要为以下方法 shell中截取字符串的方法有很多中, ${expression}一共有9种使用方法. ${parameter:-word} ${parameter:=word} ${parameter:?word} ${parameter:+word} 上面4种可以用来进行缺省值的替换. ${#parameter} 上面这种可以获得字符串的长度. ${parameter%word} 最小限度从后面截取word ${parameter%%word} 最大限度从后面截取

js中常见的字符串方法(3)

match() match()方法只接受一个参数,要么是一个正则表达式,要么是一个 RegExp 对象. 调用这个方法本质上与调用RegExp的exec()方法相同, var text = "cat, bat, sat, fat"; var pattern = /.at/; //与 pattern.exec(text)相同 text.match(pattern); // ['cat', 'bat', 'sat', 'fat'] search() 这个方法的唯一参数与match()方法的