字符串的 padStart 方法使用|学习笔记

简介: 快速学习字符串的 padStart 方法使用

开发者学堂课程【Vue.js 入门与实战字符串的 padStart 方法使用】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/586/detail/8149


字符串的 padStart 方法使用


目录

一、具体方法

二、方法演示

 

一、具体方法

image.png

可以看到时间的16点08分,一般来说,时间和年月份不足两位,需要补齐两位。所以这时我们需要学习ES6中的字符串新方法:

String.prototype padStart (naxlength fillString=' ’) 第一个参数表示填充完之后字符串的总长度,例如图中的8不够两位,我们需要补足两位。第二个参数表示用什么来进行填充,例如空格,其他字符或者0来填充字符串。使时间更加完整。

 

二、方法演示

Padstart 和 padend 不能调用数字,这是字符串独有的方法。

此时需求需要调用Padstart

var hh = dt.getHours().tostring().padStart(2, ‘0')

var mm = dt.getMinutes().tostring().padStart(2, ‘0')

var ss = dt.getseconds().tostring().padStart(2, ‘0')

image.png

可以看到已经都已经补齐了2位数。

 

相关文章
|
存储 运维 Linux
KVM详解(三)——KVM创建虚拟机
KVM详解(三)——KVM创建虚拟机
312 6
|
存储 机器学习/深度学习 分布式计算
阿里云大数据ACA及ACP复习题(101~110)
本人备考阿里云大数据考试时自行收集准备的题库,纯手工整理的,能够覆盖到今年7月份,应该是目前最新的,发成文章希望大家能一起学习,不要花冤枉钱去买题库背了,也希望大家能够顺利通关ACA和ACP考试。
|
缓存 安全 网络协议
HTTP和HTTPS的区别有哪些?
本文简要总结了 HTTP 和 HTTPS 的区别,从概念、端口、连接方式、使用场景、安全性等多个角度进行了对比。HTTP 是无状态的、无连接的应用层协议,适用于一般性网站和性能要求较高的应用;HTTPS 则通过 SSL/TLS 层提供加密、认证和完整性保护,适用于涉及敏感信息和高安全性的场景。文章还讨论了两者在性能上的差异,包括握手和加密开销、缓存效果以及 HTTP/2 的多路复用技术。最终,根据具体需求选择合适的协议能够更好地平衡安全性和性能。
4345 2
HTTP和HTTPS的区别有哪些?
|
数据采集 人工智能 数据可视化
Python selenium爬虫被检测到,该怎么破?
Python selenium爬虫被检测到,该怎么破?
1608 8
什么是绝对路径,什么是相对路径,绝对路径和相对路径的区别?
什么是绝对路径,什么是相对路径,绝对路径和相对路径的区别?
5804 0
|
前端开发 JavaScript 开发者
利用 el-select 和 el-tree 实现树形结构多选框联动功能
本文详细介绍了如何使用ElementUI中的el-select下拉选择器和el-tree树形控件来实现多功能联动选择器,包括多选、删除、搜索、清空选项等功能。通过树形控件展示复杂的层级结构,用户可以通过下拉选择树形节点,实时搜索节点,且支持批量选择和删除功能。文中提供了完整的HTML、JavaScript和CSS代码实现,帮助开发者快速集成此功能。
4180 0
利用 el-select 和 el-tree 实现树形结构多选框联动功能
|
Java 索引
【JAVA基础篇教学】第九篇:Java中Set详解说明
【JAVA基础篇教学】第九篇:Java中Set详解说明
|
JavaScript 前端开发
vue 页面下滚到目标元素的位置,目标元素自动吸顶(自动悬浮吸附到页面顶部)
vue 页面下滚到目标元素的位置,目标元素自动吸顶(自动悬浮吸附到页面顶部)
592 0
|
达摩院 调度
使用达摩院MindOpt优化交通调度_最大化通行量—线性规划问题
在数学规划中,网络流问题是指一类基于网络模型的流量分配问题。网络流问题的目标是在网络中分配资源,使得网络的流量满足一定的限制条件,并且使得某些目标函数最小或最大化。网络流问题通常涉及一个有向图,图中每个节点表示一个资源,每条边表示资源之间的关系。边上有一个容量值,表示该边上最多可以流动的资源数量。流量从源节点开始流出,经过一系列中间节点,最终到达汇节点。在这个过程中,需要遵守一定的流量守恒和容量限制条件。
|
Java
Velocity简明教程(1)
Velocity简明教程(1)
401 0