简介
- 两个方法在ECMAScript 2017 中首次被定义
- padStart,padEnd是字符串原型对象上的方法,用于字符串填充,padStart用于左侧填充,padEnd用于右侧填充
- 详细使用见 - padStart语法,padEnd语法
使用场景 (欢迎补充)
- padStart - 日期月份位数填充
// 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 - 表单标签右对齐(可用可不用,一般组件库有专门的样式可以设置对齐)
const Name = 'name'
const newName = Name.padStart(19, ' ') + ':' + Name
// 未对齐前
// name: zs
// mobile phone number: 2222
// 对齐后
// name: zs
// mobile phone number: 2222
- padEnd - 表单标签左对齐 (与padStart右对齐类似)