一、ES5字符串函数

  concat: 将两个或多个字符的文本组合起来,返回一个新的字符串
  indexOf: 返回字符串中一个子串第一处呈现的索引(从左到右搜寻)。如果没有匹配项,返回 -1
  charAt: 返回指定地位的字符
  lastIndexOf: 返回字符串中一个子串最初一处呈现的索引(从右到左搜寻),如果没有匹配项,返回 -1
  match: 查看一个字符串匹配一个正则表达式内容,如果么有匹配返回 null
  substring: 返回字符串的一个子串,传入参数是起始地位和完结地位
  substr: 返回字符串的一个子串,传入参数是起始地位和长度
  replace: 用来查找匹配一个正则表达式的字符串,而后应用新字符串代替匹配的字符串
  search: 执行一个正则表达式匹配查找。如果查找胜利,返回字符串中匹配的索引值。否则返回 -1
  slice: 提取字符串的一部分,并返回一个新字符串(与 substring 雷同)
  split: 通过将字符串划分成子串,将一个字符串做成一个字符串数组
  length: 返回字符串的长度,所谓字符串的长度是指其蕴含的字符的个数
  toLowerCase: 将整个字符串转成小写字母
  toUpperCase: 将整个字符串转成大写字母

二、ES6新增罕用函数

  传统上,JavaScript只有indexOf办法,能够用来确定一个字符串是否蕴含在另一个字符串中。ES6又提供了三种新办法。

  includes():返回布尔值,示意是否找到了参数字符串。
  startsWith():返回布尔值,示意参数字符串是否在源字符串的头部。
  endsWith():返回布尔值,示意参数字符串是否在源字符串的尾部。

var s = 'Hello world!';s.startsWith('Hello') // trues.endsWith('!') // trues.includes('o') // true</pre>

  repeat(): 返回一个新字符串,示意将原字符串反复n次。

'x'.repeat(3) // "xxx"'hello'.repeat(2) // "hellohello"'na'.repeat(0) // ""'na'.repeat(2.9) // "nana"'na'.repeat(Infinity)// RangeError'na'.repeat(-1)// RangeError'na'.repeat(-0.9) // ""

  参数如果是小数,会被取整(向下取整)。

  参数是正数或者Infinity,会报错。

  参数是0到-1之间的小数,则等同于0,这是因为会先进行取整运算。0到-1之间的小数,取整当前等于-0repeat视同为0。

参数NaN等同于0。

  ES7推出了字符串补全长度的性能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart用于头部补全,padEnd用于尾部补全。padStartpadEnd一共承受两个参数,第一个参数用来指定字符串的最小长度,第二个参数是用来补全的字符串。

'x'.padStart(5, 'ab') // 'ababx''x'.padStart(4, 'ab') // 'abax''x'.padEnd(5, 'ab') // 'xabab''x'.padEnd(4, 'ab') // 'xaba'</pre>

  如果原字符串的长度,等于或大于指定的最小长度,则返回原字符串。

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

  如果省略第二个参数,则会用空格补全长度。

三、模板字符串

  1. 多行字符串  

  传统的JavaScript语言,输入模板通常是这样写的。

$('#result').append( 'There are <b>' + basket.count + '</b> ' +    'items in your basket, ' +    '<em>' + basket.onSale +    '</em> are on sale!' );

  下面这种写法相当繁琐不不便,ES6引入了模板字符串解决这个问题。

$('#result').append(`    There are <b>${basket.count}</b> items     in your basket, <em>${basket.onSale}</em>    are on sale! `);

  模板字符串(template string)是增强版的字符串,用反引号(`)标识。它能够当作一般字符串应用,也能够用来定义多行字符串,或者在字符串中嵌入变量。

  如果应用模板字符串示意多行字符串,所有的空格和缩进都会被保留在输入之中。

   2.嵌入变量

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

// 字符串中嵌入变量var name = "Bob", time = "today";`Hello ${name}, how are you ${time}?`

  3.调用函数

  模板字符串之中还能调用函数。

function fn() { return "Hello World";}`foo ${fn()} bar` // foo Hello World bar

  如果大括号中的值不是字符串,将依照个别的规定转为字符串。比方,大括号中是一个对象,将默认调用对象的toString办法。

  如果模板字符串中的变量没有申明,将报错。

  如果大括号外部是一个字符串,将会原样输入。

`Hello ${'World'}` // "Hello World"</pre>