javascriptで18桁の数値

ajaxを使用してapiから18桁の数値(ユーザIDのようなもの)を取得したいのですが
javascriptでは16桁以上の数値は正確に扱うことができないようで正確な18桁の数値が得られず困っています(下二桁がなんかおかしくなる)
ajaxを用いて16桁以上の数値を扱う場合の一般的な方法を教えていただきたいです。
ajaxで得られたjson文字列をconsole.logすると正確な数値になっていることが確認できていますが
parseすると数値として扱ってしまい正確な数値ではなくなってっしまっているようです

m.ts10806

2020/05/27 22:43

過去に見たことがあるような内容です。int型の範囲とかで調べれば出てくると思います。

行動規範の内容に同意します

回答3件

18桁以上の整数を扱うならBigIntで対応してください

BigInt - JavaScript | MDN

投稿2020/05/28 05:11

yambejp

総合スコア115010

yambejp

2020/05/28 05:15

・通常の数値型だと桁あふれします var a=12345678901234567890123; console.log(a.toString());//1.2345678901234568e+22 ・こうすればOK、ただしBigIntへ渡すのは文字列 var b=BigInt("12345678901234567890123"); console.log(b.toString());//12345678901234567890123 ・BigIntオブジェクトを利用しなくても数値のケツにnをつければOK var c=12345678901234567890123n; console.log(c.toString());//12345678901234567890123

hentaiman

2020/05/28 05:19

こんなのあるなんて知らなかった

行動規範の内容に同意します

ベストアンサー

こんにちは

例えば、APIが以下のような、18桁の整数値の id を含むJSONを返すとします。

json
1{
2    "id": 100000000000000001
3}

このとき、APIのエンドポイントを url として、単に以下

javascript
1fetch(url).then(res => res.json()).then(data => {
2  console.log(data.id);
3})

のようにすると、ご質問にあるように、JSONのidと等しい整数値は得られず、最後の 1 が丸められて、 100000000000000000 と表示されてしまいます。

ですので、得られたJSONをパースする前に、18桁の数字の並びを " でくくって、文字列として扱われるようにしてからパースします。具体的には以下です。

javascript
1fetch(url).then(res => res.text()).then(json => {
2  json = json.replace(/\d{18}/, id => `"${id}"` );
3  const data = JSON.parse(json);
4  console.log(data.id);
5})