關於數字取整、四捨五入

在作購物車中，涉及購物車小計

產品價格爲有兩位小數的浮點數，在購物車頁面上從後臺獲取數據商品數量及商品價格，在js中作計算顯示到頁面

出現例如:

的狀況。

解決：採用toFixed();方法進行處理。

//異步加載購物車詳情
$(function(){
  html="";
  $.ajax({
    type:'POST',
    data:{uname:sessionStorage['loginName']},
    url:'../data/cart_detail_page.php',
    success:function(data){
      $.each(data,function(i,p){
        html+=`
      <tr>
        <td>
        <input type="checkbox" data-ischeck="${p.isCheck}"/>
        <input type="hidden"  name="did" value="${p.did}" />
        <div><img src=${p.picmid} alt=""/></div>
        </td>
        <td><a href="${p.purl}">${p.pname}</a></td>
        <td>${p.price}</td>
        <td>
        <button>-</button><input type="text" value="${p.count}"/><button>+</button>
        </td>
        <td><span id="total">${(p.price*p.count).toFixed(2)}</span></td>
        <td><a id="delete" href="${p.did}">刪除</a></td>
      </tr>`;
      });
      $('#cart tbody').html(html);
     //計算總價
    sumTotal();
    }
  });
});

順帶了解一下，幾個作數字處理的函數

Math.floor(); 向下取整的函數

Math.ceil();  向上取整的函數

Math.round(); 四捨五入取整

().toFixed(n); 四捨五入取n位小數 但注意進過運算獲得的是字符串

舉例：

Math.floor(38.4000006);
38

Math.ceil(38.4000006);
39

Math.round(38.400006);
38

(38.46734009).toFixed(2);"38.47"