Vue字元串padStart和padEnd方法

• 2019 年 11 月 15 日
• 筆記

padStart()用於頭部補全，padEnd()用於尾部補全。

1. ‘a’.padStart(3, ‘0’) // ’00a’
2. ‘x’.padEnd(5, ‘ab’) // ‘xabab’
3. ‘x’.padEnd(4, ‘ab’) // ‘xaba’

上面程式碼中，padStart()和padEnd()一共接收兩個參數，第一個參數用來指定字元串的最小長度，第二個參數是用來補全的字元串。

如果原字元串的長度，等於或大於指定的最小長度，則返回原字元串。

1. ‘xxx’.padStart(2, ‘ab’) // ‘xxx’
2. ‘xxx’.padEnd(2, ‘ab’) // ‘xxx’

如果用來補全的字元串與原字元串，兩者的長度之和超過了指定的最小長度，則會截去超出位數的補全字元串。

1. ‘abc’.padStart(10, ‘0123456789’)
2. // ‘0123456abc’

如果省略第二個參數，默認使用空格補全長度。

1. ‘x’.padStart(4) // ‘ x’
2. ‘x’.padEnd(4) // ‘x ‘

應用實例：

1 var tim=new Date();  2 var month=(tim.getMonth()+1).toString().padStart(2,0)

上面例子中，當月份是1～9月份時，月份前面會補零