Angular中Observable发射值时如何保留小数点后末尾零？

JavaScript的数值类型本身不会存储小数点后的末尾零（比如1.440000和1.44在数值上完全等价），所以直接拼接数值到字符串时会自动省略这些零。要实现你的需求，需要将数值转换为指定格式的字符串，以下是两种可行方案：

方案一：存储数值与对应小数位数（推荐） #

如果需要后续仍以数值类型处理数据，可在Observable中同时存储数值和需要保留的小数位数，订阅时格式化输出：

import { of } from 'rxjs';

const numbersWithPrecision$ = of(
  { value: 1.440000, precision: 6 },
  { value: 2.40000, precision: 5 },
  { value: 3.0000, precision: 4 }
);

numbersWithPrecision$.subscribe(item => {
  const formattedValue = item.value.toFixed(item.precision);
  console.log(`Observable emitted the next value- ${formattedValue}`);
});

方案二：直接发射字符串类型 #

如果后续不需要对数值进行计算，可以直接让Observable发射格式化好的字符串：

import { of } from 'rxjs';

const numbers$ = of('1.440000', '2.40000', '3.0000');

numbers$.subscribe(value => console.log(`Observable emitted the next value- ${value}`));

两种方案都能得到你期望的输出：

Observable emitted the next value- 1.440000
Observable emitted the next value- 2.40000
Observable emitted the next value- 3.0000

内容的提问来源于stack exchange，提问作者Cpui