美文网首页前端开发笔记让前端飞
ECMAScript6补全字符串长度方法padStart()和p

ECMAScript6补全字符串长度方法padStart()和p

作者: 后除 | 来源:发表于2018-02-02 15:25 被阅读10次

一、padStart()

1.定义

padStart()方法用另一个字符串(默认为空格)重复填充到对象字符串到指定长度,填充从对象字符串左侧开始,返回新的字符串。

2.语法

str.padStart(targetLength [, padString])

  • targetLength:对象字符串的目标长度。
  • padString:填充的字符串,根据实际情况可重复或截断,默认为空格。

3.示例

let str = 'Hello, padStart!';
console.log(str.padStart(20)); //     Hello, padStart!
console.log(str.padStart(20, 'abc')); // abcaHello, padStart!
console.log(str.padStart(20, 'i am padding, i am fat!')); // i amHello, padStart!
console.log(str.padStart(20, '0')); // 0000Hello, padStart!

4.注意

若对象字符串的长度大于或等于targetLength,则返回原来的字符串。

let str = 'Hello, padStart!';
console.log(str.padStart(2, 'i am padding, i am fat!')); // Hello, padStart!

二、padEnd()

1.定义

padStart()方法用另一个字符串(默认为空格)重复填充到对象字符串到指定长度,填充从对象字符串右侧开始,返回新的字符串。

2.语法

str.padEnd(targetLength [, padString])

3.示例

let str = 'Hello, padEnd!';
console.log(str.padEnd(20)); // Hello, padEnd!      <-空格
console.log(str.padEnd(20, 'abc')); // Hello, padEnd!abcabc
console.log(str.padEnd(20, 'i am padding, i am fat!')); // Hello, padEnd!i am p
console.log(str.padEnd(20, '0')); // Hello, padEnd!000000

相关文章

  • ECMAScript6补全字符串长度方法padStart()和p

    一、padStart() 1.定义 padStart()方法用另一个字符串(默认为空格)重复填充到对象字符串到指定...

  • javaScript 数字自动补0

    padStart()、 padStart() 方法 ES2017 引入了字符串补全长度的功能。如果某个字符串不够指...

  • 日期格式转换

    es6字符串方法padStart()方法,padEnd()方法字符串补全长度的功能。如果某个字符串不够指定长度,会...

  • 字符串es6新方法

    ES6 引入了字符串补全长度的功能,如果某个字符串不够指定长度,会在头部活尾部补全。padStart 和 padE...

  • padStart(),padEnd()字符串补充指定元素应用

    ES6 引入了字符串补全长度的功能,如果某个字符串不够指定长度,会在头部活尾部补全。 padStart() 用于头...

  • JavaScript字符串、数组操作

    ES6语法引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部...

  • 2018-07-17

    部分手机不兼容的String对象的方法 padStart方法 padStart方法可以用来补充字符串长度的,用例如...

  • 字符串补全长度(padStart)

    题目:完成函数 centerPad 可以让一个字符串居中包裹在指定的可重复填充的字符串中间,例如: 答案:看到这道...

  • 2020-03-03 es6新增特性1

    padStart(num,str) padEnd(num,str) 字符串补全长度 一共接受两个参数,第一个参数...

  • ES6(扩展)

    字符串扩展 模板字符串 新的方法 padStart(参数1,参数2):从头部开始补全 padEnd(参数1,参数2...

网友评论

    本文标题:ECMAScript6补全字符串长度方法padStart()和p

    本文链接:https://www.haomeiwen.com/subject/rvlezxtx.html