点击右上方红色按钮关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！

今天给大家讲两个方法（padStart，padEnd）。

一、为什么要用这两个方法

首先来简单说一下，我们为什么要用这两个方法，在JS代码中，字符串补全是非常常见的操作了，比如我们需要在日期前面补0。

上面这段代码，输出是8， 但是有时我们希望输出的是08，通常日期友好的展示方式是2019-08-17这样子，所以，我们的思路是写一个函数来实现，像下面这样：

没错，在需要补全的地方，直接调用一下这个函数就行，然而，不必这样麻烦了，有了现成的方法可以直出使用。下面我从使用，兼容等方面介绍一下。能够让你迅速了解方法的存在和意义。

二、方法padStart/padEnd

介绍一下padStart：

来看一下官方是怎么定义的。

意思就是：根据给定长度自动在字符串的前面补充想补充的字符串（只返回修改后的字符串，不修改原字符串），语法就是：

padStart(len, str)

len就是转换后的长度，str就是想补充的字符串（感觉可以是任何类型，这个可以试试）。很好理解，下面通过实例来看一下怎么作用的。

上面这些实例已足够说明padStart是怎么作用的。所以要在日期前端补0，直接a.padStart(2,'0')就完事了。方便吧...（padEnd方法类似）

三、兼容性如何？

那么这个方法的兼容性如何了：

从图上可以看出，兼容性也是不断好转，那么对于不兼容的浏览器，也可以使用，就是加一个polyfill就行。

四、polyfill代码参考

参考链接：https://github.com/uxitten/polyfill/blob/master/string.polyfill.js

好了，今天给大家介绍了两个JS字符串补全的方法，只需要记住知道它能解决什么问题就行了，用的时间想起来。怎么用，在查一查。