一、字串的解構賦值

1.1 字串和陣列類似，可以一一對應賦值。

let str = 'abcd';
let [a,b,c,d] = str; 
// a='a' b='b' c='c' d='d'                                                                                                         

1.2 字串有length屬性，可以對它解構賦值。

let {length:len} = str;
// len=4

二、模板字串

使用反引號（``）代替普通的單引號或雙引號。
使用${expression}作為佔位符，可以傳入變數。

let str = '世界';
let newStr = `你好${str}！`; // '你好世界！'

支援換行。

let str = `
      條條大路通羅馬。
      條條大路通羅馬。
      條條大路通羅馬。
`;

廣州vi設計http://www.maiqicn.com 辦公資源網站大全https://www.wode007.com

三、字串新方法

3.1 String.prototype.includes(str)

判斷當前字串中是否包含給定的字串，返回布林值。

let str = 'hello world';
console.log(str.include('hello')); // true
 

用途：判斷瀏覽器型別。

if(navigator.userAgent.includes('Chrome')) {
      alert('這是Chrome瀏覽器！');
}else alert('這不是Chrome瀏覽器！');

3.2 String.prototype.startsWith(xxx) / String.prototype.endsWith()

判斷當前字串是否以給定字串開頭 / 結尾，返回布林值。

let str = 'hello world';
console.log(str.startsWith('hello'));
console.log(str.endsWith('world'));
 

用途：檢測地址、檢測上傳的檔案是否以xxx結尾。

3.3 String.prototype.repeat(次數)

以指定的次數複製當前字串，並返回一個新的字串。

let str = 'mm and gg';
console.log(str.repeat(3)); // 'mm and ggmm and ggmm and gg'

3.4 String.prototype.padStart(targetLength[,padString]) / String.prototype.padEnd()

填充字串。可以輸入兩個引數，第一個引數是前後填充的字元總數，第二個引數是用來填充的字串。

let str = 'hello';
console.log(str.padStrat(10,'world')); // 'helloworld'
let pad = 'mmgg';
console.log(str.padEnd(str.length+pad.length, pad)); // 'mmgghello'