簡介
- 兩個方法在ECMAScript 2017 中首次被定義
- padStart,padEnd是字符串原型對象上的方法摧莽,用于字符串填充庙洼,padStart用于左側(cè)填充,padEnd用于右側(cè)填充
- 詳細使用見 - padStart語法,padEnd語法
使用場景 (歡迎補充)
- padStart - 日期月份位數(shù)填充
// 1-9的月份油够,首位補0(使用padStart)
const oldMonth = '1'
const newMonth = oldMonth.padStart(2,'0') // newMonth: '01'
// 如果采用以前做法蚁袭,還得對月份做判斷,然后進行字符串拼接 (不使用padStart)
const oldMon = '10'
const newMon = (Number(oldMon) < 10) ? `0${oldMon}`: oldMon
// 日期天首尾補0 與月份類似
- padStart - 表單標簽右對齊(可用可不用石咬,一般組件庫有專門的樣式可以設(shè)置對齊)
const Name = 'name'
const newName = Name.padStart(19, ' ') + ':' + Name
// 未對齊前
// name: zs
// mobile phone number: 2222
// 對齊后
// name: zs
// mobile phone number: 2222
- padEnd - 表單標簽左對齊 (與padStart右對齊類似)