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'
上面代碼中,
padStart()
和
padStart()
一共接受兩個參數,第一個參數用來指定字元串的最小長度,第二個參數是用來補全的字元串。
如果原字元串的長度,等于或大于指定的最小長度,則傳回原字元串。
-
'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"
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'
上面代碼中,
padStart()
和
padStart()
一共接受兩個參數,第一個參數用來指定字元串的最小長度,第二個參數是用來補全的字元串。
如果原字元串的長度,等于或大于指定的最小長度,則傳回原字元串。
-
'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"