padStart方法用來格式化數據

在別人寫的代碼中看到的padStart方法,沒用過,淺淺記錄一下~

padStart方法的使用

padStart是 字符串類型的方法,可以用來格式化字符串,在字符串添加指定的字符以達到指定的長度,例如:可以用來格式化日期

用法:
string.padStart(指定長度,填充指定字符)
例如:

let str='123'
str=str.padStart(5,'0')//'00123'
//解析:padStart(5,'0') 的結果是 如果該字符串長度沒有達到5,則該字符串前面填充‘0’以達到長度為5

要注意的幾點:

  1. 如果沒有傳第二個參數(即沒有指定填充字符),那么默認填充字符為‘ ’一個空格
    例如:str=str.padStart(5) // ’ 123’
  2. 如果填充字符串的長度 > 達到目標長度所需要的,那么他會截取填充字符串前面的部分直到達到目標長度
    例如:str=str.padStart(5, ‘hello’) // ‘he123’
  3. 如果當前字符串已經達到目標長度則不會添加任何字符
    例如:str=str.padStart(2, ‘hello’) // ‘123’

案例:
項目中我們拿到的時間數據單位常常是 秒/毫秒,但是展示時需要將該數據格式化為 時/分/秒,如果時/分/秒需要格式化為兩位數,不足兩位則需要用0補足兩位,這里以 單位:秒 為例

function(sec){const h = Math.floor(sec/3600)const m = Math.floor(sec % 3600/60)const s = sec % 3600 % 60return `${h.padStart(2,'0')}時${m.padStart(2,'0')}分${s.padStart(2,'0')}秒`
}

同理:padStart是在字符串前填充字符,String也存在padEnd方法,其使用方法與padStart類似,作用是在字符串后填充指定字符以達到指定長度,要注意的點也與padStart類似,這里就不贅述了

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/45223.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/45223.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/45223.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

SpringSecurity框架【認證】

目錄 一. 快速入門 二. 認證 2.1 登陸校驗流程 2.2 原理初探 2.3 解決問題 2.3.1 思路分析 2.3.2 準備工作 2.3.3 實現 2.3.3.1 數據庫校驗用戶 2.3.3.2 密碼加密存儲 2.3.3.3 登錄接口 2.3.3.4 認證過濾器 2.3.3.5 退出登錄 Spring Security是Spring家族中的一個…

Python爬蟲并輸出

1. Python爬蟲并輸出示例 下面是一個使用Python編寫的簡單網絡爬蟲示例,該爬蟲將抓取某個網頁(例如,我們假設為https://example.com,但請注意實際使用時我們需要替換為一個真實且允許抓取的網站)的標題(Ti…

機器學習(V)--無監督學習(三)EM算法

EM算法 極大似然估計 極大似然估計:(maximum likelihood estimate, MLE) 是一種常用的模型參數估計方法。它假設觀測樣本出現的概率最大,也即樣本聯合概率(也稱似然函數)取得最大值。 為求解方便,對樣本聯合概率取對…

工作理念分享

上份工作的上級,分享他的工作理念,做個整理: 1 士氣上要奮發向上有追求,最低限度當然是要恰飯,保證生活,最好是做一些事情,把錢掙了的同時也能有更多的收獲。 2 公司為社會,用戶創造…

華為HCIP Datacom H12-821 卷36

1.單選題 在PIM- SM中,以下關于RP 的描述,錯誤的是哪一選項? A、在PIM-SM中,組播數據流量不一定必須經過RP的轉發。 B、對于一個組播組來說,可以同時有多個RP地址,提升網絡可靠性。 C、組播網絡中,可以…

【BUG】已解決:JsonMappingException

已解決:JsonMappingException 歡迎來到英杰社區https://bbs.csdn.net/topics/617804998 概述: 沒有getter方法的實體的序列化,并解決Jackson引發的JsonMappingException異常。 默認情況下,Jackson 2只會處理公有字段或具有公有get…

vue 級聯下拉框選擇的思維

在原來的js的思維下,級聯下拉框的選擇往往是,先綁定一級下拉框的菜單,然后在該下拉框下onchange, 在onchange事件中獲取當前選項,然后綁定二級下拉框的數據,以此類推…… 在vue框架下應該改變思維,首先設置…

經典再現,回顧常見排序算法之冒泡排序,附Java源碼及優化改進實現

回顧一下排序算法,老酒裝新瓶,給自己的技能點做個回放。 排序(Sorting) 是計算機程序設計中的一種重要操作,它的功能是將一個數據元素(或記錄)的任意序列,重新排列成一個有序的序列,也可以理解為高矮個站隊。 衡量排…

Renesas R7FA8D1BH (Cortex?-M85) 控制DS18B20

目錄 概述 1 軟硬件 1.1 軟硬件環境信息 1.2 開發板信息 1.3 調試器信息 2 FSP和KEIL配置 2.1 硬件接口電路 2.2 FSB配置DS18B20的IO 2.3 生成Keil工程文件 3 DS18B20驅動代碼 3.1 DS18B20介紹 3.2 DS18B20驅動實現 3.2.1 IO狀態定義 3.2.2 讀IO狀態函數 3.2.3…

OpenCV:python圖像旋轉,cv2.getRotationMatrix2D 和 cv2.warpAffine 函數

前言 僅供個人學習用,如果對各位朋友有參考價值,給個贊或者收藏吧 ^_^ 一. cv2.getRotationMatrix2D(center, angle, scale) 1.1 參數說明 parameters center:旋轉中心坐標,是一個元組參數(col, row) angle:旋轉角度…

Go-知識測試-模糊測試

Go-知識測試-模糊測試 1. 定義2. 例子3. 數據結構4. tesing.F.Add5. 模糊測試的執行6. testing.InternalFuzzTarget7. testing.runFuzzing8. testing.fRunner9. FuzzXyz10. RunFuzzWorker11. CoordinateFuzzing12. 總結 建議先看:https://blog.csdn.net/a1879272183…

一文入門【NestJs】Providers

Nest學習系列 ??一文入門【NestJS】 ??一文入門【NestJs】Controllers 控制器 🚩 前言 在NestJS的世界里,理解“Providers”是構建健壯、可維護的后端服務的關鍵。NestJS,作為Node.js的一個現代框架,采用了Angular的一些核…

Redis的安裝配置及IDEA中使用

目錄 一、安裝redis,配置redis.conf 1.安裝gcc 2.將redis的壓縮包放到指定位置解壓 [如下面放在 /opt 目錄下] 3.編譯安裝 4.配置redis.conf文件 5.開機自啟 二、解決虛擬機本地可以連接redis但是主機不能連接redis 1.虛擬機網絡適配器網絡連接設置為橋接模式…

VSCode上通過C++實現單例模式

單例模式實際上就是為了確保一個類最多只有一個實例,并且在程序的任何地方都可以訪問這個實例,也就是提供一個全局訪問點,單例對象不需要手動釋放,交給系統來釋放就可以了,單例模式的設計初衷就是為了在整個應用程序的…

vue 下拉菜單樹形結構——vue-treeselect的組件使用

參考: https://www.cnblogs.com/syjtiramisu/p/17672866.htmlhttps://www.cnblogs.com/syjtiramisu/p/17672866.html vue-treeselect的使用 - 簡書下載依賴 使用https://www.jianshu.com/p/459550e1477d 實際項目使用:

uni-app iOS上架相關App store App store connect 云打包有次數限制

相冊權限 uni-app云打包免費有次數 切換一個賬號繼續

使用SOAP與TrinityCore交互(待定)

原文:SOAP with TrinityCore | TrinityCore MMo Project Wiki 如何使用SOAP與TC交互 SOAP代表簡單對象訪問協議,是一種類似于REST的基于標準的web服務訪問協議的舊形式。只要必要的配置到位,您就可以利用SOAP向TrinityCore服務器發送命令。 …

Open3D 計算點云配準的精度和重疊度

目錄 一、概述 1.1計算配準精度 1.2計算點云重疊度 二、代碼實現 2.1關鍵函數 2.2完整代碼 三、實現效果 3.1原始點云 3.2計算結果 一、概述 在點云配準中,精度和重疊度是兩個重要的評價指標。精度通常用均方根誤差(RMSE)來衡量,而重疊度則表示兩個點云在…

centos環境啟動/重啟java服務腳本優化

centos環境啟動/重啟java服務腳本優化 引部分命令說明根據端口查詢服務進程殺死進程函數腳本接收參數 腳本注意重啟文檔位置異常 引 在離線環境部署的多個java應用組成的系統,測試階段需要較為頻繁的發布,因資源限制,沒有弄devops或CICD那套…

華為手機聯系人不見了怎么恢復?3個解決方案

華為手機聯系人列表就像是我們精心編織的社交網絡之網。然而,有時,這張網可能會因為各種原因而意外破損,聯系人信息消失得無影無蹤,讓我們陷入“人脈孤島”的困境。華為手機聯系人不見了怎么恢復?別擔心,我…