ES6 基本語法
阿新 • • 發佈:2017-11-13
world foo scrip 位數 abc 定位 等於 log 小數
五、
一、凍結對象:Object.freeze
方法
const foo = Object.freeze({}); // 常規模式時,下面一行不起作用; // 嚴格模式時,該行會報錯 foo.prop = 123;
二、聲明變量的方法
let,const、import命令、class命令
三、遍歷map結構
const map = new Map(); map.set(‘first‘, ‘hello‘); map.set(‘second‘, ‘world‘); for (let [key, value] of map) { console.log(key + " is " + value); } // first is hello // second is world
四、for...of循環遍歷
for (let codePoint of ‘foo‘) { console.log(codePoint) } // "f" // "o" // "o"
五、includes(), startsWith(), endsWith() 方法
let s = ‘Hello world!‘; s.startsWith(‘Hello‘) // true s.endsWith(‘!‘) // true s.includes(‘o‘) // true
這三個方法都支持第二個參數,表示開始搜索的位置。
let s = ‘Hello world!‘; s.startsWith(‘world‘, 6) // true s.endsWith(‘Hello‘, 5) // true s.includes(‘Hello‘, 6) // false
使用第二個參數n
時,endsWith
的行為與其他兩個方法有所不同。它針對前n
個字符,而其他兩個方法針對從第n
個位置直到字符串結束
五、repeat()
方法
返回一個新字符串,表示將原字符串重復n
次。
‘x‘.repeat(3) // "xxx" ‘hello‘.repeat(2) // "hellohello" ‘na‘.repeat(0) // ""
參數如果是小數,會被取整。
‘na‘.repeat(2.9) // "nana"
如果repeat
的參數是負數或者Infinity
,會報錯。
‘na‘.repeat(Infinity) // RangeError ‘na‘.repeat(-1) // RangeError
但是,如果參數是 0 到-1 之間的小數,則等同於 0,這是因為會先進行取整運算。0 到-1 之間的小數,取整以後等於-0
,repeat
視同為 0。
‘na‘.repeat(-0.9) // ""
參數NaN
等同於 0
‘na‘.repeat(NaN) // ""
如果repeat
的參數是字符串,則會先轉換成數字
‘na‘.repeat(‘na‘) // "" ‘na‘.repeat(‘3‘) // "nanana"
六、padStart(),padEnd()
ES2017 引入了字符串補全長度的功能。如果某個字符串不夠指定長度,會在頭部或尾部補全。padStart()
用於頭部補全,padEnd()
用於尾部補全。
‘x‘.padStart(5, ‘ab‘) // ‘ababx‘ ‘x‘.padStart(4, ‘ab‘) // ‘abax‘ ‘x‘.padEnd(5, ‘ab‘) // ‘xabab‘ ‘x‘.padEnd(4, ‘ab‘) // ‘xaba‘
如果原字符串的長度,等於或大於指定的最小長度,則返回原字符串。
‘xxx‘.padStart(2, ‘ab‘) // ‘xxx‘ ‘xxx‘.padEnd(2, ‘ab‘) // ‘xxx‘
如果用來補全的字符串與原字符串,兩者的長度之和超過了指定的最小長度,則會截去超出位數的補全字符串。
‘abc‘.padStart(10, ‘0123456789‘) // ‘0123456abc‘
如果省略第二個參數,默認使用空格補全長度。
‘x‘.padStart(4) // ‘ x‘ ‘x‘.padEnd(4) // ‘x ‘
padStart
的常見用途是為數值補全指定位數。下面代碼生成 10 位的數值字符串
‘1‘.padStart(10, ‘0‘) // "0000000001" ‘12‘.padStart(10, ‘0‘) // "0000000012" ‘123456‘.padStart(10, ‘0‘) // "0000123456"
另一個用途是提示字符串格式
‘12‘.padStart(10, ‘YYYY-MM-DD‘) // "YYYY-MM-12" ‘09-12‘.padStart(10, ‘YYYY-MM-DD‘) // "YYYY-09-12"
ES6 基本語法