ES6字符串新增API之padStart妙用

ES6在日常开发中用的已经很普遍了,其中对字符串处理能力加强,新增了几个有用的API,例如:trimStart,trimEnd,pasStart, padEnd, stratsWith, endsWith, include, repeat...等等。今天我们要讨论的是pasStart/pasEnd。

曾几何时,我们在处理时间格式化问题的时候,经常会遇到“补零问题”,简单来说,就是不满十位,个位补0,于是就有了如下代码:

const seconds = str > 10 ? str : `0${str}`;

这样看起来并没有什么问题,不过既然有了ES6出现,我们有更优雅的写法,学以致用,我们可以用ES6新的字符串API-padStart:

const seconds = str.padStart(2, "0");

解释一下padStar的参数用法

第一个参数表示 字符串的最大长度(包含处理前的字符串长度+填充的字符串长度)

第二个参数表示 需要填充的字符串 ,如果不传参数,默认填充空格

好了,今天分享的小技能你get了吗?欢迎评论交流!

原文地址:https://www.cnblogs.com/zt123123/p/12515946.html

时间: 2024-10-31 03:09:15

ES6字符串新增API之padStart妙用的相关文章

ES6 字符串新增方法

字符串新增方法 startsWith() endsWith(); { let str = "JackAfan是我"; console.log(str.startsWith("Jack",2));//val,第几位开始; 检测字符串是由什么开始的,返回值:布尔值 console.log(str.endsWith("我",10));//判断结尾值: val,只看前几位 } str.repeat(); { let str = "a"

ES6中字符串新增方法

1.重复输出字符串 string.repeat() <script type="text/javascript"> var str = "by"; console.log(str.repeat(3));//bybyby console.log(str.repeat(2.7));//byby console.log(str.repeat(0));//空串 console.log(str.repeat(-3));//error </script>

ES6: 字符串的扩展

1.字符的 Unicode 表示法 Javascript 允许采用 \uxxxx 形式表示一个字符,其中"xxxx"表示一个字符的码点 但是,这种表示法只限于 \u0000 -- \uffff 之间的字符.超出这个范围的字符,必须用两个双字节的形式表达 上面代码表示,如果直接在"\u"后面跟上超过 0xFFFF 的数值(比如 \u20bb7),Javascript会理解成 "u\20bb+7".由于 \u20bb 是一个不可打印字符,所以只会显示

es6字符串拼接

1.以前,js多行字符串用\n写起来比较费事,所以最新的ES6标准新增了一种多行字符串的表示方法,用` ... `表示 旧版写法 alert("你好,\n 我叫\n Olive"); es6写法 alert(`你好 我叫 olive`);//注意这里的两个点是键盘上数字键1左边的按键,而不是单引号哦 2.以前,把多个字符串连接起来,可以用+号连接 var name ="olive"; var age= 26; var message='hello,my name i

对iOS10新增Api的详细探究

原文: 对iOS10新增Api的详细探究 本文主要是一些对iOS新功能的探索,之前发现博客里关于iOS新功能的分析大多是过于概括,每个功能几句话,无法了解到具体的功能.所以本次的探索是基于Api层面,着重看一些具体用法所做的笔记,本来想分别画个类图来着,后来还是觉得太耗时而放弃.如果不想把苹果iOSSDK里的.h文件都摆出来详细读,那看这篇笔记应该是个不错的选择. 本文以文档的目录为基础,提到的功能模块有: Proactive Suggestions Integrating with the M

ES6字符串和正则表达式改动

1. ES6字符串变更 (1)includes() 方法,如果在字符串中检测到指定文本返回true,否则返回false (2)startsWith()方法,如果在字符串的起始部分检测到文本,则返回true,否则返回false (3)endsWith()方法,如果在字符串的结束部分检测到文本,则返回true,否则返回false 以上方法都接收两个参数,一个是要检测的文本,第二个参数是可选的,也即检索开始的位置,在第三个方法中,从字符串长度减去这个索引值的位置开始匹配 (4)repeat()方法,接

Atitit.ati&amp;#160;&amp;#160;str&amp;#160;&amp;#160;字符串增强api

Atitit.ati  str  字符串增强api 1. java StringUtils方法全览 分类: Java2011-11-30 17:22 8194人阅读 评论(2) 收藏 举报 javastringapinull org.apache.commons.lang.StringUtils中经常使用的方法,这里主要列举String中没有,且比較实用的方法: 1. 检查字符串是否为空: static boolean isBlank(CharSequence str) 推断字符串是否为空或nu

es6 字符串String的扩展

ES6给字符串带来了很多实用性的扩展:模板字符串,标签模板,repeat函数.includes函数,startsWith函数,endsWith函数,codePointAt函数,String.fromCodePoint函数,String.raw函数. es6 字符串String的扩展:http://www.cnblogs.com/whybxy/p/7274461.html

移动视频技术——新增API可手工修正视频方向

由于Android的开放性,不同的设备存在一些差异,某些设备所采集的视频数据显示出来在方向上存在一定的误差,这通常与硬件设备的驱动相关,新增加的API接口便是在远程显示时,可以支持手工来修正远程视频的方向. 增加的API接口参数定义(以AnyChat for Web SDK为例): // 远程视频方向修正标志定义 var BRAC_ROTATION_FLAGS_MIRRORED       =        0x1000;        // 图像需要镜像翻转 var BRAC_ROTATION