JavaScript or TypeScriptで大きい数字を扱うときは罠がいっぱい。 - Qiita

はじめに どうもこんにちは torihaziです。 今日はTypeScriptのnumberを扱っていた時に 少し詰まったのでその備忘録になります。 特に formで大きな数値を扱ったり、表示したりするときにハマる可能性大です。 今回はreact-hook-formとzodを組み合わせて使用した例を出しています。 罠1: numberは十分大きい数だと科学的記法になる 例えば 以下のような数値(整数10桁、小数点2桁まで)を入力するformとzodのスキーマがあったとします。 zodのスキーマ = z.object({ value: z.number() .refine( (v) => { const [intrger, _] = v.toString().split("."); return integerPart.length <= 10; }, { message: "整数部分は10