js 解析 json 精度丢失怎么处理？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2222 天前的主题，其中的信息可能已经有所发展或是发生改变。

后端保留两位小数，前端显示却丢失了，查了下，是 js 解析 float 精度丢失。不想在后端改成 string，怎么让前端正确显示。

后端 php 是 float 保留两位小数，转为 json。

    ["money"]=>
    array(3) {
      ["maket_total"]=>
      float(16794.48)
      ["voucher_total"]=>
      string(6) "744.00"
      ["favorable_total"]=>
      float(509.46)
    }

前端接收却是："money":{"maket_total":16794.48,"voucher_total":"744.00","favorable_total":509.46000000000004}},

第 1 条附言 · 2018-11-01 09:43:20 +08:00

array(4) {
  ["data"]=>
  array(2) {
    ["saled"]=>
    object(Illuminate\Database\Eloquent\Collection)#1235 (1) {
      ["items":protected]=>
      array(0) {
      }
    }
    ["money"]=>
    array(3) {
      ["maket_total"]=>
      float(16794.48)
      ["voucher_total"]=>
      string(6) "744.00"
      ["favorable_total"]=>
      float(509.46)
    }
  }
  ["status"]=>
  int(0)
  ["msg"]=>
  string(12) "操作成功"
  ["total"]=>
  int(0)
}

php的json_encode()之后：
string(170) "{"data":{"saled":[],"money":{"maket_total":16794.48,"voucher_total":"744.00","favorable_total":509.46000000000004}},"status":0,"msg":"\u64cd\u4f5c\u6210\u529f","total":0}"

然后json_encode()就丢失精度了

第 2 条附言 · 2018-11-01 09:44:52 +08:00

这是 laravel 框架里的，自己单独写一个文件却没有重现这个问题

float

后端

JSON

string

28 条回复 • 2022-11-05 21:36:44 +08:00

TommyLemon

2018-10-31 17:28:30 +08:00

也保留两位小数

TomatoYuyuko

2018-10-31 17:30:28 +08:00

不了解 php 怎么做的，我这里大概思路是用 string 类型传送浮点数，然后前端再做处理。

mentalidade

2018-10-31 17:33:04 +08:00

@TommyLemon #1
@TomatoYuyuko #2 我用的 toFixed(2) 解决了

HanMeiM

2018-10-31 17:42:58 +08:00

一般要么存整数，要么传 string

lance7in

2018-10-31 17:51:24 +08:00

string

mentalidade

2018-10-31 17:51:51 +08:00

@HanMeiM #4
@TomatoYuyuko #2 青门你们也是后端吗？因为是钱得数值，保留两位小数的浮点数。必须要转换为 string 吗？

micean

2018-10-31 17:54:21 +08:00

钱的话谨慎用 toFixed

HanMeiM

2018-10-31 17:55:20 +08:00

@mentalidade 是后端啊，这里没说是钱啊。其次我们的钱单位为厘，分的更小一位

SakuraKuma

2018-10-31 18:00:17 +08:00

钱的话建议传 /存储都是整数不要小数。
小数只是显示用。

这浮点数精度无解的

MrJeff

2018-10-31 18:00:58 +08:00

用 string 吧省事

westoy

2018-10-31 18:01:44 +08:00

小额可以传 long，末两位做小数，注意控制溢出

或者传字符窜，用 decimal 或者 gmp

既然不想在后端改，那就无解了

浮点一时爽，会计对账小一半订单有个几毛几分的误差就 happy 了

TomatoYuyuko

2018-10-31 18:08:27 +08:00

@mentalidade 前端，一般来说前端不处理数据，只负责呈现，没有特别需求保留 2 位小数就好了。
当然数据库你肯定要存精确的，你可以直接在服务端把数字精确处理后再给前端。或者 string 之后给前端处理。
js 这类语言对浮点数处理会有误差，尽可能不要让 js 处理小数运算。

atcdef

2018-10-31 19:28:29 +08:00

这个无解的，要么前端格式化一下再显示，要么后端传格式化好的字符串来。我一般都是传格式化好的字符串到前端

8e47e42

2018-10-31 19:37:46 +08:00

一般比较容易的是直接传 string，当然也可以选择成本扩大变成 bigint，当然很多库默认都不支持 bigint，然后你懂的，GG，到最后还是变成了传 string 最靠谱。

sxlzll

2018-10-31 22:15:12 +08:00

如果是钱，单位可以改成分
其他的 float，确实比较稳妥的做法是两个字段，data, data_str

dd112389

2018-11-01 01:00:47 +08:00

这里有个坑，前些天才遇到过.
你可以看一下 php 的 json_encode 函数的说明, 里面有写 php.ini 中的一个设置 serialize_precision 会导致 json_encode 的精度丢失问题.
将这个设置改为 16 以下应该就不会了.
ini_set('serialize_precision', 15);