首页 > 代码库 > ES6小实验-字符串的扩展

ES6小实验-字符串的扩展

ES6里面的对字符串的扩展实际上就是增加了一些方法,使对字符串的操作更加完善,下面做几个小实验来验证下:

  includes(): 返回布尔值,表示是否找到了参数字符串,支持第二的参数,表示开始的位置

‘use strict‘;var s = ‘Hello world!‘;console.log(s.includes(‘Hello‘));//true

  startsWith(): 返回布尔值,表示参数字符串是否在源字符串的头部,支持第二的参数,表示开始的位置

‘use strict‘;var s = ‘Hello world!‘;console.log(s.startsWith(‘Hello‘));//true

  endsWith(): 返回布尔值,表示参数字符串是否在源字符串的尾部,支持第二的参数,表示开始的位置

‘use strict‘;var s = ‘Hello world!‘;console.log(s.endsWith(‘Hello‘));//false

  repeat(): 表示将原字符串重复n次

‘use strict‘;var s = ‘Hello world!‘;console.log(s.repeat(3));//Hello world!Hello world!Hello world!

  ES7推出了字符串长度补全功能,padStart(),padEnd(),它们接收两个参数,第一个用来指定字符串的最小长度,第二个用来补全字符串

‘use strict‘;var s = ‘x‘;console.log(s.padStart(5, ‘ab‘));//ababxconsole.log(s.padEnd(4, ‘ab‘));//xaba

  如果用来补全的字符串与原字符串,两者的长度之和超过了指定的最小长度,则会截去超出位数的补全字符串

‘use strict‘;var s = ‘09-12‘;console.log(s.padStart(10, ‘YYYY-MM-DD‘));//YYYY-09-12

模板字符串

  模板字符串中嵌入变量,需要将变量名写在 ${}  之中

‘use strict‘;var name = "bob"var time = "today"console.log(`hello ${name},how are you ${time}`)//hello bob,how are you today

 

ES6小实验-字符串的扩展