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"
  • 22
    点赞
  • 3
    评论
  • 46
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

<p> <strong><span style="font-size:18px;">课程目标</span></strong> </p> <p> <span style="font-size:18px;">从零开始掌握PS的基础知识,学会抠图修图调色合成制作特效,涵盖平面设计淘宝美工照片修复网页设计UI</span> </p> <p> <strong><span style="font-size:18px;">适用人群</span></strong> </p> <p> <span style="font-size:18px;">PS零基础小白,在校大学生,职场新人,想从事平面设计、摄影后期、电商设计、UI设计、自媒体工作的人</span> </p> <p> <strong><span style="font-size:18px;">课程简介</span></strong> </p> <p> <span style="color:#666666;font-size:18px;">课程以新版PS CC 2020讲解,可使用PS CC任意版本学习,绝大多数功能兼容旧版,但建议使用新版。</span><br /> <span style="color:#666666;font-size:18px;">【Adobe认证专家讲师精耕细作精品教程,非学院派照本宣科软件操作教程,以任务为导向,面向实际应用场景,每一章都能学会实打实的高手技能,讲解细致,小白也能轻松入门】</span><br /> <span style="color:#666666;font-size:18px;">课程好不好,看过就知道,前面的免费章节欢迎试看。</span><br /> <span style="color:#666666;font-size:18px;">本课程学习不需要任何PS基础,只需要电脑操作基础即可。兼容Windows和Mac操作系统,同时讲解两种系统下的快捷键操作,不用担心操作上的障碍问题。</span><br /> <span style="color:#666666;font-size:18px;"><strong>课程特色:</strong></span><br /> <span style="color:#666666;font-size:18px;">1、以实际PS图像编辑与合成的流程为导向,绝大多数内容都是为了完成某个具体任务,而不是为了讲解某个软件操作而凑数。</span><br /> <span style="color:#666666;font-size:18px;">2、不同于国内多数教程和书籍,每个知识点务求讲精、讲透,帮助你掌握PS的精髓,而非软件操作上的皮毛,让你真正学到PS的本质,一次学习,终身受用,少走弯路,节约生命。</span><br /> <span style="color:#666666;font-size:18px;">3、课程会随PS新版本的推出持续更新,不必担心有新功能却不知道怎么用。</span><br /> <span style="color:#666666;font-size:18px;">4、充足的练习题和作业题,让你在不断的练习和挑战中提升PS技能。</span> </p> <p> <img src="https://img-bss.csdnimg.cn/202007270604434777.jpg" alt="" /><img src="https://img-bss.csdnimg.cn/202007270606519854.png" alt="" /><img src="https://img-bss.csdnimg.cn/202007270607061438.jpg" alt="" /><img src="https://img-bss.csdnimg.cn/202007270607183610.jpg" alt="" /><img src="https://img-bss.csdnimg.cn/202007270607312915.jpg" alt="" /><img src="https://img-bss.csdnimg.cn/202007270607393129.jpg" alt="" /><img src="https://img-bss.csdnimg.cn/202007270607483175.jpg" alt="" /><img src="https://img-bss.csdnimg.cn/202007270607551373.jpg" alt="" /> </p> <p> <br /> </p> <p> <br /> </p> <p> <br /> </p>
相关推荐
©️2020 CSDN 皮肤主题: 成长之路 设计师:Amelia_0503 返回首页