鍍金池/ 問答/Java  HTML/ 請問如何讓小數(shù)后面保留的0000顏色和非0數(shù)字不一樣？

請問如何讓小數(shù)后面保留的0000顏色和非0數(shù)字不一樣？

lastZero:function (num) {
    var reg = /0+$/;
    return reg.test(num)
  }

我寫了一個正則，但是還想這個正則只是判斷最后的數(shù)字是不是0

我想要的效果是 后臺返回的一些數(shù)據(jù)，我要給這些數(shù)字的末尾如果是0的話，就讓這些000的顏色不一樣，就像下面這樣
圖片描述

請問，這種效果應(yīng)該怎么實現(xiàn)， 這是在vue中的，是不是可以使用過濾器做的還是別的js代碼？

能提供一個示例代碼么？

回答
編輯回答
情未了

vue沒用過，不過大概思路可以用<span>000</span>去處理

function splitNum(numStr){
    var regex=/^(?=.*\.)([\d.]*?)(0+)$/;
    var result=numStr.match(regex);
    return result?(result[1]+","+result[2]):numStr;
}
function lastZero(numStr){
    var regex=/[^0](?=0+$)/;
    return numStr.indexOf(".")>=0?numStr.replace(regex,"$&,"):numStr;
}
2018年6月30日 22:21
編輯回答
六扇門

正則可以同時取出兩部分?jǐn)?shù)據(jù)

var a=/(.*?)(0+$)/
a.exec('10.2300')
// (3)?["10.2300", "10.23", "00", index: 0, input: "10.2300", groups: undefined]

可見 exec 返回一個匹配數(shù)組，索引 1 是結(jié)尾0以前的數(shù)據(jù) 索引 2 是結(jié)尾0匹配數(shù)據(jù)

2017年2月3日 15:16
編輯回答
貓館
let str = "123.320000" ;

Number(str) //前半部分使用此值
// 123.32

str.length - String(Number(str)).length 后半部分使用此值循環(huán)加0
//4

原諒我正則已經(jīng)忘了...

2017年11月1日 20:12