1. 程式人生 > >ES6 基本語法

ES6 基本語法

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 之間的小數,取整以後等於-0repeat視同為 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 基本語法