ES6(字符串的扩展和新增方法)

字符串的扩展与新增方法

1. 模板字符串

模板字符串解决了之前的字符串拼接

ESC下那个键：反引号（`）包裹=>替换引号

${变量名/表达式/函数}=>替换引引加加导致的代码冗余

1.  
   //ES5(引引加加)
2.  
   $('#result').append(
3.  
   'There are <b>' basket.count '</b> '
4.  
   'items in your basket, '
5.  
   '<em>' basket.onSale
6.  
   '</em> are on sale!'
7.  
   );

1.  
   //ES6中模板字符串
2.  
   $('#result').append(`
3.  
   There are <b>${basket.count}</b> items
4.  
   in your basket, <em>${basket.onSale}</em>
5.  
   are on sale!
6.  
   `);

   如果在模板字符串中需要使用反引号，则前面要用反斜杠转义

let greeting = `\`Yo\` World!`;

2.新增方法

1. includes(), startsWith(), endsWith() 

 判断一个字符串是否包含另一个字符串的方法

• includes():返回布尔值，标识是否找到了参数字符串（用布尔值替换正负1）
• startsWith：返回布尔值，标识参数字符串是否在原字符串的头部
• endtWith：返回布尔值，标识参数字符串是否在原字符串的尾部

1.  
   let s = 'Hello world!';
2.  
    
3.  
   s.startsWith('Hello') // true
4.  
   s.endsWith('!') // true
5.  
   s.includes('o') // true

2. 实例方法：repeat() 

repeat方法返回一个新字符串，表示将原字符串重复n次

如果是小数值会被取整

如果repeat的参数是负数或者Infinity，会报错。

如果参数是字符串首先先转为数值

1.  
   'x'.repeat(3) // "xxx"
2.  
   'hello'.repeat(2) // "hellohello"
3.  
   'na'.repeat(0) // ""
4.  
   'na'.repeat(2.9) // "nana"

1.  
   'na'.repeat(Infinity)
2.  
   // RangeError
3.  
   'na'.repeat(-1)
4.  
   // RangeError

1.  
   'na'.repeat('na') // ""
2.  
   'na'.repeat('3') // "nanana"

几个参数视为0的情况：

• 参数：-1到0之间
• 参数NaN

1.  
   'na'.repeat(-0.9) // ""
2.  
   'na'.repeat(NaN) // ""

 3.实例方法：trimStart()，trimEnd()

类似于trim（）：消除字符串两边空格，这里出现了单边消除

1.  
   const s = ' abc ';
2.  
    
3.  
   s.trim() // "abc"
4.  
   s.trimStart() // "abc "
5.  
   s.trimEnd() // " abc"

 4.实例方法：replaceAll()

替换所有指定字符：返回一个新字符串，不会改变原字符串

1.  
   'aabbcc'.replaceAll('b', '_')
2.  
   // 'aa__cc'

这篇好文章是转载于：学新通技术网