padStart 方法,padEnd 方法

2021-10-09 03:47:20 字數 2237 閱讀 5123

用法(官方):

padstart() 方法用另乙個字串填充當前字串(重複,如果需要的話),以便產生的字串達到給定的長度。填充從當前字串的開始(左側)應用的。padend() 填充從當前字串的末尾(右側)應用的。

理解:es2017引入了字元創補全長度的功能。如果某個字串不夠指定長度,會在頭部或者尾部補全。padstart() 用於頭部補全,padend() 用於尾部補全。

語法:

str.padstart(targetlength [, padstring])

str.padend(targetlength [, padstring])

引數:

targetlength

當前字串需要補全的目標長度。如果這個數值小於當前字串的長度,則返回當前字串本身。

padstring | 可選

補全字串。如果字串太長,使補全的字串長度超過了目標長度,則只保留最左側的部分,其他部分會被截斷。此引數的預設值為「」 (u+0020)。

返回值:

padstart()方法在原字串開頭補全指定的補全字串,直到目標長度所形成的新字串。

padend()方法在原字串末尾補全指定的補全字串,直到目標長度所形成的新字串。

適用場景:

1. 常見用途是為數值補全指定位數

2. 另乙個用途是提示字串格式

示例:

『wen』.padstart(8,'12')//  '12121wen'  指定8位字元長度,不夠用來12補全

'wen'.padstart(5,'12')//  '12wen'

'wen'.padend(8,'12')//  'wen12121'

'wen'.padend(5,'12')//  'wen12'

'wen'.padstart(10,'1234567890')//  '1234567wen'  多餘的字串會被截掉

// 如果省略第二個引數,用空格補全長度

『wen』.padstart(5)//  '  wen'

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

'wen'.padstart(2,'ab')// 'wen'

'wen'.padend(2,'ab')// 'wen'

第二個引數的其他寫法:

// null將作為乙個字串來使用

'wen'.padstart(8,null)// 'nullnwen'

// 將會原樣輸出

'wen'.padstart(8, )// 'wen'

'wen'.padstart(18, {})// '[object object]wen'

'wen'.padstart(8,false)// 'falsewen'

padStart 方法,padEnd 方法

es2017 引入了字串補全長度的功能。如果某個字串不夠指定長度,會在頭部或尾部補全。padstart 用於頭部補全,padend 用於尾部補全。x padstart 5 ab ababx x padstart 4 ab abax x padend 5 ab xabab x padend 4 ab ...

padStart 方法,padEnd 方法

padstart 和padstart 一共接受兩個引數,第乙個引數用來指定字串的最小長度,第二個引數是用來補全的字串。如果省略第二個引數,預設使用空格補全長度。var dt new date datestr yyyy mm dd var y dt.getfullyear var m dt.getmo...

關於padStart的問題

之前兩天搞得頭皮發麻,有個需求是寫個版本比較的方法,比如 10.5.4 版本是否大於 9.52.1 版本 正常的思路是使用split去擷取幾段,然後做遞迴比較。如下 版本對比 const sort item1,item2 else if item1 0 item2 0 else item1.shif...