美文网首页
ES6新增加的字符串方法

ES6新增加的字符串方法

作者: 然网名并卵 | 来源:发表于2018-12-16 17:01 被阅读5次

    ES6的出现使得js的语法发生了翻天覆地的变化,无论是变量的声明、函数的定义等都和以前大不相同,今天给大家讲讲字符串在其中发生了怎样的变化!

    在开始字符串方法之前要讲的是,在es5的时候,我们都是用''把字符串包起来,拼接字符串则是使用'++'的格式,es6出现后我们可以这样写了:用``把字符串包起来,这个键在esc键的下面,拼接字符串则只用把${str}写在里面就可以了。这样的好处是不容易出错!说了这么多,该正式讲讲es6的字符串方法了。

    1、indexOf()方法和lastIndexOf()方法。

          能接收2个参数,第一个参数为要寻找的字符串,第二个为开始位置,如果不写开始位置,会在全局找,无论从哪个位置开始找,返回的都是第一次出现的位置的下标。

    2.includes()方法

       同样能接收2个参数,填写一个参数在全局找,填写第二个参数,则从填写的位置往后找。如果找到返回true,没找到返回false。

    3.startsWith()方法

       查询是否以什么什么开头,同样能接收2个参数,1个参数的话在全局找,2个参数的话则从填写的位置往后找,找到返回true,没找到返回false。

    4.endsWith()方法

    用法与第3个一样,如果填写第二个参数的话,则是从填写的位置往前找。

    5.repeat()方法

       能将原字符串重复几次,并返回一个新的字符串,注意:如果输入的是小数则会被向下取整,NaN会被当做0,输入其他的则会报错。

    6.padStart()方法

       用于头部补全,接收2个参数,第一个参数是补全后的字符串的最大长度,第二个是要补的字符串,返回的是补全后的字符串。如果原字符串长度大于第一个参数,则会返回原字符串。如果不写第二个参数,则会用空格替补。

    7.padEnd()方法

    用于尾部填充,用法与上面一样。

    相关文章

      网友评论

          本文标题:ES6新增加的字符串方法

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