正則表達式用於分割具有相應類的跨度浮點數

Question

我有一個浮點數例如1377.5，我想用普通的JavaScript在這種結構中分裂：

<span class="digitLarge digit1">1</span> 
<span class="digitLarge digit3">3</span> 
<span class="digitLarge digit7">7</span> 
<span class="digitLarge digit7">7</span> 
<span class="digitPoint">.</span> 
<span class="digitSmall digit5">5</span> 
<span class="digitSmall digit0">0</span> 

我喜歡的東西嘗試：

parseFloat(myFloat).toFixed(2).replace(/(.*)/g,'$1');

但在這裏我不能點=大，後點=小前分裂英寸我可以肯定地添加多個RegExes，但這是一種不方便...

什麼是實現這一目標的最佳方法？

謝謝！

乾杯， 湯姆

Answer 1

爲什麼不直接使用：

var number = 1377.50; 
var splitted = String(number).split("."); 
var beforePoint = splitted[0]; 
var afterPoint = splitted[0]; 

之後：

for(var i=0; i<beforePoint.length; i++){ 
    var span = document.createElement("span"); 
    span.innerHTML=beforePoint[i]; 
    span.className="myClass"; 
    document.body.appendChild(span); 
} 

var pointSpan = document.createElemnt("span"); 
pointSpan.innerHTML="."; 
pointSpan.className="myClass"; 
document.body.appendChild(pointSpan); 

for(var i=0; i<afterPoint.length; i++){ 
    var span = document.createElement("span"); 
    span.innerHTML=afterPoint[i]; 
    span.className="myClass"; 
    document.body.appendChild(span); 
} 

Answer 2

你只能分割float到這樣的數字和小數點：

var a = 12345.67; 
 
var lg = a.toString().split(".")[0]; ///before 
 
var sm = a.toString().split(".")[1]; ///after 
 
alert("large: " + lg + " small: " + sm); 
 
//if you want to further split large 
 
alert(lg.split(""));

Answer 3

var myFloat = 1377.5, 
 
    html = '', 
 
    dotReached = false; 
 
    
 
myFloat = parseFloat(myFloat).toFixed(2); 
 

 
for (var i = 0, l = myFloat.length; i < l; i++) { 
 
    if ('.' === myFloat[i]) { 
 
     html += '<span class="digitPoint">.</span>'; 
 
     dotReached = true; 
 
     continue; 
 
    } 
 
    
 
    html += '<span class="' + (dotReached ? 'digitSmall' : 'digitLarge') + ' digit' + myFloat[i] + '">' + myFloat[i] + '</span>' 
 
    
 
} 
 

 
console.info(html);