美文网首页
ES6之字符串扩展

ES6之字符串扩展

作者: wade3po | 来源:发表于2019-02-11 08:54 被阅读31次

ES6对字符串扩展了一些功能,开发过程用到的不多,还有一些是Unicode的,这边就不仔细说那些,简单提一下ES6对字符串扩展了哪些。

字符的Unicode表示法做出了改进

提供了codePointmentAt能够正确处理4个字节存储的字符

ES6 提供了String.fromCodePoint方法,可以识别大于0xFFFF的字符,正好与codePointAt方法相反

ES6 为字符串添加了遍历器接口,使得字符串可以被for...of循环遍历,可以识别大于0xFFFF的码点

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

includes(), startsWith(), endsWith(),这几个方法是开发中可以用得上,常用的indexOf返回的是所在的index,而这几个方法可以直接返回布尔值:

let str = 'Hello world!';
console.log(str.startsWith('H')) // true
console.log(str.endsWith('!')) // true
console.log(str.includes('o')) // true
console.log(str.indexOf('o')) // 4

repeat方法返回一个新字符串,表示将原字符串重复n次。参数如果是小数,会被取整。参数是负数或者Infinity,会报错,其他是字符串等情况有处理,但是希望不要出现,也就不说了:

let str = 'Hello';
console.log(str.repeat(2)) // HelloHello

padStart(),padEnd(),padStart()用于头部补全,padEnd()用于尾部补全。这有一些规则,需要使用的时候可以去查一下,这边简单使用:

console.log('ab'.padStart(8,'cd'))//cdcdcdab
console.log('ab'.padEnd(9, 'cd'))//abcdcdcdc

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

模板字符串,这也是使用频率很高的一个,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。模板字符串中嵌入变量,需要将变量名写在${}之中。大括号内部可以放入任意的 JavaScript 表达式,可以进行运算,以及引用对象属性。模板字符串之中还能调用函数。模板字符串甚至还能嵌套。

模板编译和标签模板还有String.raw方法,这三个在我觉得应该不会使用,但是可以知道一下有这个东西。

最后就是字符串模板是有限制的,只不过要是我们只是普通使用,就可以不用理会。

欢迎关注Coding个人笔记 公众号

相关文章

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

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

  • ECMAScript6新方法(2)

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

  • ES6扩展归纳

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

  • es6之扩展运算符 三个点(...)

    es6之扩展运算符 三个点(...)对象的扩展运算符数组的扩展运算符总结es6之扩展运算符 三个点(…)对象的扩展...

  • 11.ES6字符串startsWith、endsWith和字符串

    在ES6中字符串扩展了startsWith、endsWith和字符串模板1、startsWith 开始是否包含2、...

  • ES6字符串扩展

    ES6字符串扩展 ES6加强了对 Unicode 的支持(特殊字符) 之前JavaScript允许采用\uxxxx...

  • ES6、ES7语法以及Vue模板语法

    ES6、ES7语法 字符串的扩展 includes(str) : 判断是否包含指定的字符串startsWith(s...

  • ES6入门之内置对象的扩展

    1.字符串的扩展 模板字符串。ES5写法: ES6写法: 新增字符串方法:1 repeat; //复制字符串2 i...

  • Typescript 特性

    Typescript是根据es6来扩展的js 的超集。 字符串的特性有: 多行字符串: 字符串模版 可以使用$+大...

  • 小巧玲珑-ES6之字符串的扩展

    ES6扩展了字符串对象。 一、操作字符串的一些方法 1、字符串的包含 传统上,JavaScript 只有index...

网友评论

      本文标题:ES6之字符串扩展

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