ES8 padStart

String.prototype.padStart

把指定字符串填充到字符串头部，返回新字符串。

语法
str.padStart(targetLength [, padString])

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

示例

'abc'.padStart(10);         // "       abc"
'abc'.padStart(10, "foo");  // "foofoofabc"
'abc'.padStart(6,"123465"); // "123abc"
'abc'.padStart(8, "0");     // "00000abc"
'abc'.padStart(1);          // "abc"

应用场景
日期格式化：yyyy-mm-dd的格式：

const now = new Date()
const year = now.getFullYear()
// 月份和日期 如果是一位前面给它填充一个0
const month = (now.getMonth() + 1).toString().padStart(2, '0')
const day = (now.getDate()).toString().padStart(2, '0')
console.log(year, month, day)
console.log( `${year}-${month}-${day}` ) //输入今天的日期 2022-01-25

数字替换(手机号，银行卡号等）

const tel = '17858888888'
const newTel = tel.slice(-4).padStart(tel.length, '*')
console.log(newTel) // *******8888

ES8 padStart相关推荐

【复习资料】ES6/ES7/ES8/ES9资料整理(个人整理)
一.介绍现在的网络上已经有各样关于 ECMAScript 规范介绍和分析的文章,而我自己重新学习一遍这些规范,整理出这么一份笔记,比较精简,主要内容涵盖ES6.ES7.ES8.ES9,后续会增加面试 ...
es7,es8,es9新特性
es7,es8,es9新特性 1. ES7新特性(ECMAScript 2016) ES7在ES6的基础上主要添加了两项内容: Array.prototype.includes()方法求幂运算符(* ...
ES8都有哪些新特性，你还在用ES6吗？
原文:ES8 was Released and here are its Main New Features 作者: Dor Moshe 翻译:黑色巧克力译者注:EcmaScript第8版已经发布, ...
2023前端面试题及答案整理（JavaScript）
JS类型 string,number,boolean,undefined,null,symbol(es6),BigInt(es10),object 值类型和引用类型的区别两种类型的区别是:存储位置不 ...
【ES8(2017)】String扩展 padStart / padEnd
文章目录 1. String.prototype.padStart() 2. String.prototype.padEnd() 1. String.prototype.padStart() 把指定字 ...
ES7和ES8的了解
es7新特性 Es7在ES6的基础上添加了三项内容: *求幂运算符 (**) Array.prototype.includes()方法.函数作用域中严格模式的变更 Array.prototype.in ...
[转]ES7、ES8、ES9、ES10新特性大盘点
ES7.ES8.ES9.ES10新特性大盘点本文转自:https://mp.weixin.qq.com/s/8bov6788ivV0sHzmwrn5lw 以下文章来源于前端工匠 ,作者浪里行舟君前 ...
[转]ES6、ES7、ES8、ES9、ES10新特性一览 (个人整理，学习笔记)
目录 1.ES6新特性(2015) 1.1模块化(Module) 1.1.1导出(export) 1.1.2导入(import) 1.2箭头(Arrow)函数 1.2.1箭头函数的结构 1.3默认参数 ...
聊聊ES7与ES8特性
译者按: 转眼ES6发布2年了,是时候了解一下ES7与ES8特性了! 原文: ES7 and ES8 Features 译者: Fundebug 为了保证可读性,本文采用意译而非直译,并且对源代码进行 ...

ES8 padStart

String.prototype.padStart

ES8 padStart相关推荐

最新文章

热门文章