es6这个String对象倒是扩展了不少方法，但是很多都是跟字符编码相关，个人选了几个感觉比较常用的方法；

includes 搜索字符的神器

还记得我们之前如何判断某个字符串对象是否包含特地字符的吗？

       var str='google';if(str.indexOf('o')>-1){console.log('yes');}else{console.log('no');}

indexOf本来只是一个获取字符对应位置的方法，因为找到不到会返回-1这个值，就成了判断是否包含的方法，includes则就是判断是否包含的直接返回布尔值；

       let str='google';if(str.includes('o')){console.log('yes');}else{console.log('no');}

这样更符合语义化，indexOf就是负责获取位置，includes负责判断包含关系；

startsWith ，endsWith 轻松定首尾

startsWith用于判断是否位于头部，endsWith判断是否位于尾部，可以说这两个方法是includes方法的扩展；

      let str='google';console.log(str.startsWith('g'));  //trueconsole.log(str.endsWith('e'));    //true

repeat 懒人福利

顾名思义，这个方法就是可以获取字符串重复N次后的方法；

  let str='google';console.log(str.repeat(3)); //googlegooglegoogle

repeat方法接受一个数字类型的参数，可以是正式也可以是小数，如果是浮点型会自动调用Math.floor方法转为整型；

    let str='google';console.log(str.repeat(3.5)); //googlegooglegoogleconsole.log(str.repeat(Math.floor(3.5)));//googlegooglegoogle

参数可以为0这样就会返回一个空字符串，但是不能为负数，否则会报错；

     let str='google';console.log(str.repeat(0)); //''console.log(str.repeat(-3.5));//RangeError: Invalid count value

padStart,padEnd 缺啥补啥

这两个方法其实是ES7标准下扩展的方法，作用就是自动补全；

      let str='goo';　　　 str.padStart(5, 'le') // 'legoo'str.padStart(4, 'le') // 'lgoo'str.padEnd(5, 'le') // 'goole'str.padEnd(4, 'le') // 'gool'

这两个方法类似都是接受两个参数，第一个是补全的长度，第二个是要补充的内容，由于是es7标准的方法，现在浏览器还不能直接运行，可以尝试借助babel运行；

Babel 是一个 JavaScript 编译器

中文网：http://babeljs.cn/

英文网：http://babeljs.io/

转载于:https://www.cnblogs.com/yy-hh/p/5808082.html

ES6之字符串扩展方法（常用）相关推荐

1.19(对象类型判断、复制、in、遍历；深拷贝与浅拷贝；字符串的遍历接口、模板字符串、字符串扩展方法)
1.19(对象类型判断.复制.in.遍历;深浅拷贝;字符串的遍历接口.模板字符串.unicode.字符串扩展方法) 一.对象 1.属性简洁表示法与属性名表达式 let name = "wuy ...
ES6 class-数值扩展-方法扩展
目录 class 类 ES6 声明类 class 类静态成员 ES5 构造函数继承 ES6 类继承子类对父类方法的重写 class 中 getter 和 setter 设置数值扩展 Number. ...
ES6中字符串新增方法
1.重复输出字符串 string.repeat() <script type="text/javascript">var str = "by";co ...
ES10新特性_字符串扩展方法_trimStart--trimEnd---JavaScript_ECMAScript_ES6-ES11新特性工作笔记058
我们来看一下,在es10中,还引入了,trimStart--trimEnd 分别用来清除一个字符串的左侧的空白和,右侧的空白,超级简单,不多说了. 技术交流QQ群[JAVA,C++,Python,.N ...
如何使用 C# 扩展方法
译文链接:https://www.infoworld.com/article/3130492/how-to-work-with-extension-methods-in-c.html C# 在 3.0 ...
ES6/07/Array的扩展方法，...扩展运算符,Array.from()，（arr.find(),arr.findIndex()和arr.includes()）模板字符串,Set数据结构
ES6扩展的内置对象 1,Array的扩展方法 -扩展运算符(展开语法) 1,扩展运算可以的将数组或者对象转为用逗号分隔的参数序列: let ary =[1,2,3]; //-ary;//" ...
较常用的Math方法及ES6中的扩展
记录下与Math有关的常用方法,如:求最大值.最小值等,或者是保留几位数啥的 1.数据 let floatA = 2.325232; let floatB = 2.3456; let temporar ...
ES6字符串的扩展方法~超详细哦
下面的对ES 6的处理字符串常用方法的整理,希望可以帮助到有需要的小伙伴,跟小编一起来看看吧~ 文章目录 includes()方法 startsWith()方法 endsWidth()方法 inclu ...
WebAPi添加常用扩展方法及思维发散
前言在WebAPi中我们通常需要得到请求信息中的查询字符串或者请求头中数据再或者是Cookie中的数据,如果需要大量获取,此时我们应该想到封装一个扩展类来添加扩展方法,从而实现简便快捷的获取. We ...

ES6之字符串扩展方法（常用）