ES6 字符串扩展一些常用的方法

1、字符串的遍历 for...of

    for (let code of 'foo') {
      console.log(code)  // 'f'   'o'  'o'

    }

2、at() 返回字符串给定位置的字符

    ES5提供了charAt()的方法:  'abc'.charAt(0)    // 'a'

    ES6是at()方法 :'abc'.at(0)         //   'a'

3、includes()返回布尔值,表示是否找到了参数字符串

    let s = 'Hello world!';

    s.includes('o') // true

    s.includes('Hello', 6) // false   可接收两个参数,第二个参数表示开始搜索的位置

4、startsWith():返回布尔值,表示参数字符串是否在原字符串的头部

   let s = 'Hello world!';

   s.startsWith('Hello') // true

   s.startsWith('world', 3) // true   可接收两个参数,第二个参数表示开始搜索的位置

5endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部

   let s = 'Hello world!';

  s.endsWith('!') // true

   s.endsWith('Hello', 5)  // true   可接收两个参数,第二个参数表示针对前n个字符

6、repeat() :返回一个新字符串,表示将原字符串重复n

  'x'.repeat(3) // "xxx"  

  'x'.repeat(2.9) // "xx"

  'x'.repeat(-0.9) // ""   如果值为NaN也等同于0,此方法先做取整运算

7、padStart(): 用于头部补全

    padEnd(): 用于尾部补全

    'x'.padStart(4, 'ab') // 'abax'

    'x'.padEnd(5, 'ab') // 'xabab'  // padStartpadEnd 一共接受两个参数,第一个参数用来指定字符串的最小长度,第二个参数是用来补全的字符串

    'xxx'.padStart(2, 'ab') // 'xxx'   如果原字符串的长度,等于或大于指定的最小长度,则返回原字符串

    'abc'.padStart(10, '0123456789')  // '0123456abc'  如果用来补全的字符串与原字符串,两者的长度之和超过了指定的最小长度,则会截去超出位数的补全字符串

    'x'.padStart(4) // '   x'   如果省略第二个参数,默认使用空格补全长度

    '12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"

    '09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"   //字符串格式化

8、模板字符串 :是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量

JavaScript拼接字符串的写法: 

$('#tag').append('There are <b>' + a + '</b> ' +

      'items in your select, ' +
      '<em>' + b +

      '</em> jdjjj,sjfjkkl!')

模板字符串的写法 

$('#tag').append(

`
  There are <b>${a}</b> items
   in your select, <em>${b}</em>
   jdjjj,sjfjkkl!
`

//  变量放在${}中


猜你喜欢

转载自blog.csdn.net/wh13267207590/article/details/80264689