天天看點

padStart()方法,padEnd()方法實作字元串補全

​​padStart()方法,padEnd()方法​​

ES2017 引入了字元串補全長度的功能。如果某個字元串不夠指定長度,會在頭部或尾部補全。​

​padStart()​

​​用于頭部補全,​

​padEnd()​

​用于尾部補全。

  1. ​'x'.padStart(5, 'ab') // 'ababx'​

  2. ​'x'.padStart(4, 'ab') // 'abax'​

  3. ​'x'.padEnd(5, 'ab') // 'xabab'​

  4. ​'x'.padEnd(4, 'ab') // 'xaba'​

上面代碼中,​

​padStart()​

​​和​

​padStart()​

​一共接受兩個參數,第一個參數用來指定字元串的最小長度,第二個參數是用來補全的字元串。

如果原字元串的長度,等于或大于指定的最小長度,則傳回原字元串。

  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 '​

​padStart()​

​的常見用途是為數值補全指定位數。下面代碼生成 10 位的數值字元串。

  1. ​'1'.padStart(10, '0') // "0000000001"​

  2. ​'12'.padStart(10, '0') // "0000000012"​

  3. ​'123456'.padStart(10, '0') // "0000123456"​

另一個用途是提示字元串格式。

  1. ​'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"​

  2. ​'09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"​

​​padStart()方法,padEnd()方法​​

ES2017 引入了字元串補全長度的功能。如果某個字元串不夠指定長度,會在頭部或尾部補全。​

​padStart()​

​​用于頭部補全,​

​padEnd()​

​用于尾部補全。

  1. ​'x'.padStart(5, 'ab') // 'ababx'​

  2. ​'x'.padStart(4, 'ab') // 'abax'​

  3. ​'x'.padEnd(5, 'ab') // 'xabab'​

  4. ​'x'.padEnd(4, 'ab') // 'xaba'​

上面代碼中,​

​padStart()​

​​和​

​padStart()​

​一共接受兩個參數,第一個參數用來指定字元串的最小長度,第二個參數是用來補全的字元串。

如果原字元串的長度,等于或大于指定的最小長度,則傳回原字元串。

  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 '​

​padStart()​

​的常見用途是為數值補全指定位數。下面代碼生成 10 位的數值字元串。

  1. ​'1'.padStart(10, '0') // "0000000001"​

  2. ​'12'.padStart(10, '0') // "0000000012"​

  3. ​'123456'.padStart(10, '0') // "0000123456"​

  1. ​'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"​

  2. ​'09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"​