ES6字符串新增方法

130 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第11天juejin.cn/post/712312…

ES6字符串新增方法

var str="hello";

  1. str.includes('el'); //true;表示参数字符串是否在原字符串内;返回值为布尔值
  2. str.startsWith('h') ;//true;表示参数字符是否在原字符串开头位置。
  3. str.endsWith('lo/o') ;//true;表示参数字符串是否在原字符串末尾。 以上三种方法,还有第二个参数n,是个数值。 例如:
var str="hello world";
 let xx=str.includes('l','5');//从第五位开始查找,是否有l这个字符,整个hello就5位数(是o),
 所以找不到l,返回false
    console.log(xx);//false

    let yy=str.startsWith('l',3)//从第三位(l)开始查找,看源字符串中是否有‘l’,
    console.log(yy)//true

    let zz=str.endsWith('l',5)//看原字符串第五位是不是字符‘l’
    console.log(zz)//false

注意:以上三种方法,endsWith()方法是针对的前n各字符,其他两种方法是从n位置开始查找,直到结束。

  1. repeat(n)重复字符串n次,返回值是新的字符串
  • var x='123';
  • x=repeat(2);//123123 把字符串x重复两变,

注意:如果()里是小数,那么对他向下取整,如果是0,则该返回的是空字符串,是NaN会先把它转化成0,在进行重复

  1. ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。

'xx'=padStrat(5,'ab');//abaxx

解释:想让xx这个字符串长度为5,现在长度是2,那么就在xx前面补上‘ab’,不够五位数,接着用ab补,够了的话超出部分直接截取下来。

'xx'=padEnd(3,‘123’);//xx1

解释:想让xx这个字符串长度为5,写在长度是2,那么就在xx后面补上‘123’,不够五位数,接着用123补,够了的话超出部分直接截取下来。

  1. 去除空格:返回值都是新的字符串,原字符串不会被修改。
  • str.trimStart();//去除字符串前面的空格,等价于trimLeft();

  • str.trimEnd();//去除字符串后面的空格,等价于trimRight()