變數的解構賦值

1.解構可以用於陣列，還可以用於物件。

物件的解構賦值，可以很方便地將現有物件的方法，賦值到某個變數。

// 例一
let { log, sin, cos } = Math;
// 例二
const { log } = console;
log('hello') // hello

2.如果變數名與屬性名不一致，必須寫成下面這樣。

let obj = { first: 'hello', last: 'world' };
let { first: f, last: l } = obj;
f // 'hello'
l // 'world'

上面程式碼中，first是匹配的模式，f才是變數。真正被賦值的是變數f，而不是模式first。也就是說，物件的解構賦值的內部機制，是先找到同名屬性，然後再賦給對應的變數。真正被賦值的是後者，而不是前者。
3. 變數的交換

let x=1
let y=2
[x,y]=[y,x]

字串的擴充套件

字串模版

// 多行字串
let tep = `In JavaScript this is
 not legal.`
// 字串中嵌入變數
let name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`

字串的新增方法

例項方法：includes(), startsWith(), endsWith() 這三個方法都支援第二個引數，表示開始搜尋的位置。

let s = 'Hello world!';
s.startsWith('world', 6) // true
s.endsWith('Hello', 5) // true
s.includes('Hello', 6) // false
 

上面程式碼表示，使用第二個引數n時，endsWith的行為與其他兩個方法有所不同。它針對前n個字元，而其他兩個方法針對從第n個位置直到字串結束。
2. 例項方法repeat()、padStart()，padEnd() repeat方法返回一個新字串，表示將原字串重複n次
ES2017 引入了字串補全長度的功能。如果某個字串不夠指定長度，會在頭部或尾部補全。padStart()用於頭部補全，padEnd()用於尾部補全。

'hello'.repeat(2) // "hellohello"
'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'
 

如果省略第二個引數，預設使用空格補全長度。

'1'.padStart(10, '0') // "0000000001"
'x'.padEnd(4) // 'x   '

例項方法：trimStart()，trimEnd() ES2019 對字串例項新增了trimStart()和trimEnd()這兩個方法。它們的行為與trim()一致，trimStart()消除字串頭部的空格，trimEnd()消除尾部的空格。它們返回的都是新字串，不會修改原始字串。

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