數字每三位添加一個 ',' 的不同實現方式

来源:https://www.cnblogs.com/shapeY/archive/2019/04/19/10737550.html
-Advertisement-
Play Games

處理數值,為每三位數加一個逗號,相容浮點型數值 以 和 為例 通過內置方法實現 通過正則表達式 利用正則表達式來處理的思路: 整數和浮點數是有差別的,整數從最右邊開始算,浮點數要從小數點'.'開始算 字元串分為兩部分,右邊是3 n位數字,左邊的部分添加','。n = {1,} 右邊的部分很好匹配: ...


處理數值,為每三位數加一個逗號,相容浮點型數值

1234567.123412345678為例

  • 通過內置方法實現
    function addComma(num = 0){
        let temps = num.toString().split('.'), //處理浮點數的情況,整數時會返回原數值
            target = temps[0].split('').reverse(), //倒序
            lastIndex = target.length;
        return target.map((item,index) => { 
                        //第三個就增加一個',',要註意最後一個數字不添加
                        return ((index+1) % 3 === 0 && (index !== lastIndex - 1)) ? (','+ item) : item;
                    })
                    .reverse() //倒序回來
                    .join('') + (temps[1] ? '.' + temps[1] : ''); //如果是浮點數,就再加上小數部分
    }

    addComma(1234567.1234) //1,234,567.1234
    addComma(12345678)     //12,345,678
  • 通過正則表達式
    function addComma(num = 0){
        let reg = num.toString().indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(\d{3})+$)/g;

        return num.toString().replace(reg,'$1,');
    }

    addComma(1234567.1234) //1,234,567.1234
    addComma(12345678)     //12,345,678

利用正則表達式來處理的思路:

  • 整數和浮點數是有差別的,整數從最右邊開始算,浮點數要從小數點'.'開始算
  • 字元串分為兩部分,右邊是3*n位數字,左邊的部分添加','。n = {1,}

右邊的部分很好匹配:/(\d{3})+/ , 再加上開始算的符號,浮點數要加上 \..匹配除換行符之外的任何單個字元,加上\.轉義,就是匹配'.')。整數加上$結束符。

左邊的部分,必須依賴於右邊的部分。比如說必須右邊有三位,左邊才會匹配成功,加一個','。就需要用到?=正向肯定查找(x(?=y)僅當x後面跟著y時才會匹配x)。(\d)(?=y) y就是右邊的部分。

再加上全局搜索的標誌 g,不然只會匹配一組,只加一個','。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 本文同步至http://javaexception.com/archives/30 問題: 之前的一個開源項目碰到了一個問題,Fix CertPathValidatorException: Trust anchor for certification path not found. 問題在於自建後臺 ...
  • 列舉了所有Camera相關的MakefileOption,並對其功能含義和OptionValues做了詳細的解釋。[KEYWORD]Others[SOLUTION]YUVCAM_INTERPOLATION#Description:#決定是否需要插值以及用什麼方式進行插值(所謂插值就是拍照的照片比se ...
  • 本文同步至http://javaexception.com/archives/31 介紹一波新手引導層的庫。都是star數挺高的一些庫。 1.NewbieGuide(國內開發者開發) Android 快速實現新手引導層的庫,通過簡潔鏈式調用,一行代碼實現引導層的顯示。 github地址 https: ...
  • 第1個是html文件,第二 個是js文件,實際火狐測試有效 ...
  • package.json中5個欄位: name: 包名 今後下載時輸入名稱 (註意:要與下載的包名不一樣) version:版本號 x.x.x 例如 1.2.3 1 大版本:當這個包有巨大內容變化時(裡面核心代碼發生巨大變化) 2 中版本: 在當前大版本基礎上,添加了一個功能(刪除) 3 小版本:修 ...
  • Vue+Element的動態表單,動態表格(後端發送配置,前端動態生成) ...
  • 基礎部分 創建一個react的項目 創建一個react的項目 全局安裝 react 指令 使用腳手架創建應用 註意點: 1.全局安裝create react app才能使用腳手架創建應用 2.應用名稱全部為小寫字母,不能出現“TodoList”這樣的名稱 組件的使用 組件的組成 認識jsx 簡單的j ...
  • 核心屬性: background-attachment 這個屬性就牛逼了, 它可以定義背景圖片是相對視口固定, 還是隨著視口滾動, 加上這個屬性網頁瞬間就從屌絲變成 高大上。 我們來看個例子: html: css: 代碼很簡單,讓視口出現滾動條, 然後它是這樣的: 很普通的一個滾動效果, 然後我們把 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...