JS padStart()方法和padEnd()方法(ES6新增方法)

在日常开发中，有时候会遇到字符串填充的问题,常见的如：时间不足两位数补“0”等。

padStart() 用于补全头部

padEnd() 用于补全尾部

1. str.padStart(targetLength,string)：

padStart() 方法用另一个字符串填充当前字符串(如果需要的话，会重复多次)，以便产生的字符串达到给定的长度。从当前字符串的左侧开始填充。

两个参数：
targetLength：当前字符串需要填充到的目标长度。如果这个数值小于当前字符串的长度，则返回当前字符串本身。
padString （可选参数）：填充字符串。如果字符串太长，使填充后的字符串长度超过了目标长度，则只保留最左侧的部分，其他部分会被截断。此参数的默认值为 " "。

例(1)

例(2)

2. str.padEnd(targetLength,string)：

使用指定字符串填充到目标字符串后面，使其达到目标长度。
用一个字符串填充当前字符串（如果需要的话则重复填充），返回填充后达到指定长度的字符串。从当前字符串的末尾（右侧）开始填充

两个参数：
targetLength：当前字符串需要填充到的目标长度。如果这个数值小于当前字符串的长度，则返回当前字符串本身。
padString（可选）：填充字符串。如果字符串太长，使填充后的字符串长度超过了目标长度，则只保留最左侧的部分，其他部分会被截断。此参数的缺省值为 " "。

例(1)

例(2)

JS padStart()方法和padEnd()方法(ES6新增方法)相关推荐

js some方法和every方法的使用
前言: 在以外的开发中,接触过some这个方法,但是只限于在代码里看见过,还没有自己去了解并且写过,今天碰到个需求时发现使用some这个方法真香,写此文章加深印象. 定义和用法 some() 方法检查 ...
Js slice()方法和splice()方法
1.slice(start,end) 从已有的数组中返回选定元素,参数start必填,end选填 <script>delArray();function delArray(){var wo ...
数组的foreach方法和jQuery中的each方法
欢迎加入前端交流群交流知识&&获取视频资料:749539640 /* * 数组的forEach方法: * 1.返回给回调的参数先是值,然后是下标 * 2.回调函数执行时内部的this指 ...
IPA转APP的方法和APP转IPA的方法
app就是英语application的缩写,代表着应用程序的意思,而ipa则是该种应用程序的格式,就像mp3是音乐文件的格式一样! IPA转APP: ipa转APP格式的方法 1.把下载的IPA文件的 ...
java static成员变量方法和非static成员变量方法的区别 ( 二 )
原创文章,未经作者允许,禁止转载!!! 静态成员变量不用new对象,在类加载的过程中就已经初始化存放在数据区域,静态成员变量是类和所有对象共有的, 类和对象都可以改变它的值,每一次改变值之后,静态成员 ...
面试题：说一说es6新增方法
1.let,const 2.解构赋值 3.Symbol数据类型(用来表示唯一的值) 4.箭头函数(写法,和普通函数this的指向问题) 6.for of for of和for in的区别 1.for ...
新增方法java_Java8_map新增方法
参考博客 default方法 map.put(1, "a"); map.put(2, "b"); getOrDefault方法如果指定的key存在,返回val ...
ES6 --》字符串与数值新增方法
目录字符串新增方法模板字符串字符串对象新增方法数值新增方法 Math数值新增方法主要讲解了ES6中字符串与数值新增的常见的主要方法, 对其做了如下总结: 字符串新增方法 ES6对字符串新增的 ...
View的生命周期方法和Activity生命周期方法关系
View 是在Activity 中使用到的,所以在自定义View的时候,我们需要了解Activity 生命周期方法和View的生命周期方法调用先后顺序. 见如下图 (1) 在Activity onC ...

JS padStart()方法和padEnd()方法(ES6新增方法)

JS padStart()方法和padEnd()方法(ES6新增方法)相关推荐

最新文章

热门文章