es6如何使用padStart()和padEnd()方法

简介: es6如何使用padStart()和padEnd()方法

padStart()是在字符串的字符头部增加值,padEnd()是在字符串的字符尾部添加值

这两个方法都是里面有两个参数,第一个参数是字符长度(默认为数值型),第二个是要添加字符的值(字符串类型),一般这两个方法常用于日期和计时

详细介绍点击这里

接下来进行两个方法使用

    var  a1 = '123'
    console.log(a1.padStart(4,'abc'))//a123
    console.log(a1.padStart(6,'abc'))//abc123
    console.log(a1.padEnd(4,'abc'))//123a
    console.log(a1.padEnd(6,'abc'))//123abc

如果在数组中我们要进行遍历转换为字符串

    var arr = [1,2,3,4,5,6]
    var newArr = [];
    for(var i = 0; i<arr.length;i++){
      newArr.push(arr[i].toString().padStart(2,0))
    }
    console.log(newArr)//(6) ["01", "02", "03", "04", "05", "06"]
相关文章
|
6月前
|
存储 人工智能 移动开发
uni-app+vue3接入deepseek-v3搭建跨端ai流式(小程序+app+h5)
基于Uniapp+Vue3+Markdown接入DeepSeek-V3聊天大模型,支持编译到H5+小程序+App端。实现流式输出、支持亮色/暗黑主题、代码高亮、会话本地存储等功能。
1208 12
|
Web App开发 JavaScript
vue报错【解决方案】 [Violation] Added non-passive event listener to a scroll-blocking <some> event.
vue报错【解决方案】 [Violation] Added non-passive event listener to a scroll-blocking <some> event.
1575 0
|
前端开发 JavaScript
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
1243 0
|
开发框架 JavaScript 前端开发
在Vue前端界面中,几种数据表格的展示处理,以及表格编辑录入处理操作。
在Vue前端界面中,几种数据表格的展示处理,以及表格编辑录入处理操作。
|
JavaScript
vue项目页面空白但不报错产生的原因分析
vue项目页面空白但不报错产生的原因分析
|
前端开发 JavaScript Android开发
|
JavaScript 前端开发 API
知道这个,再也不用写一堆el-table-column了
最近在写一个练手项目,接触到了一个问题,就是`el-table`中的项太多了,我写了一堆`el-table-column`,导致代码太长了,看起来特别费劲,后来发现了一个让人眼前一亮的方法,瞬间挽救了我的眼睛。 下面就来分享一下!
|
移动开发 Android开发
RN ImageBackground 问题
看下这个是什么问题呢? 不知道大家在用这个ImageBackground 的时候是不是也出现过同样的问题? image.png 排查了下样式 写的并没有什么问题,Android 模拟器也正常显示但是 iOS 却显示有问题 然后给父组件样式加了个透明背景色 backgroundColor:"rgba(254,200,46,0)" 问题解决了 记录下。
1660 0