JavaScript db上にintで設定されて項目にHTMLのinputにintの最大値を入力する方法

Question

分からないこと:db上にintで設定されて項目にHTMLのinputにintの最大値を入力する方法
試したこと:Number.MAX_SAFE_INTEGERを使うとNumberFormatException: For input string: "9007199254740991"
MAX_VALUEを使うとNumberFormatException: For input string: "1.7976931348623157e+308"になる

//kingakufromのvalueが''なら0を入力し、kingakutoのvalueが''ならintの最大値を入力して範囲検索をする
window.onload = function() {
	document.getElementById("search").onclick = function() {
		var kingakufrom = document.getElementById('kingakufrom');
	    var kingakuto = document.getElementById('kingakuto');
		if (kingakufrom.value == "") {
			kingakufrom.value = 0;
		};
		 if (kingakuto.value == "") {
		 kingakuto.value =Number.MAX_SAFE_INTEGER;　　//ここにintの最大値を入れる
		 };
	};
};

From<input id='kingakufrom' type="text" name="searchkingakufrom">~To<input
					id='kingakuto' type="text" name="searchkingakuto">

Comments

[m.ts10806]

> intの最大値

って一般的に
`2147483648`だと思います。
DB上はLong型なのでは？

[x_x]

2147483647 でしょうか？
DB の仕様に合わせる必要があるので、何を使っているのか書いたほうがいいでしょう。

[退会済みユーザー]

回答ありがとうございます。
MySQLを使っていますがintになっております。

Answer 1

MySQL の符号付きINTの最大値は 2147483647 です。
https://dev.mysql.com/doc/refman/8.0/en/integer-types.html

NumberFormatException というのは Java の例外のようですね。念のため Java で int の範囲がどうなっているのか調べておいたほうがいいでしょう(同じですが)。
https://docs.oracle.com/javase/jp/8/docs/api/java/lang/NumberFormatException.html

もっと言えば入力値で例外が起こってしまうことが問題で、サーバー側で対処すべき内容です。
未入力なら上限なしとするほうがわかりやすいでしょう。

Comments

[退会済みユーザー]

ありがとうございます。
未入力の場合上限なしが好ましいのですが、その場合intに対して""が入力されたとみなされTypeMismachErrorのようなエラーになってしまい、今回のintの最大値をとるという実装になってしまってます。

Answer 2

一般的にInt(Integer)という型の最大値は21億程度ですが、
JSにはIntやDoubleといった整数・浮動小数の違いはなく、全てNumber型で管理されています。
つまり他の言語でいうと全部Double型でやってしまえという言語。

MDNでMAX_SAFE_INTEGERを調べるとその辺が出てきます。

MAX_SAFE_INTEGER 定数は 9007199254740991 (9,007,199,254,740,991) である値です。その数である理由は JavaScript が IEEE 754 で指定されたとおり倍精度浮動小数点型数値を使用し安全に -(253 - 1) と 253 - 1 との間の数を表すことができるからです。

---

まぁJavaScriptのコードでベタっと記述するのが一般的な対応策だと思います。

var MAX_INT = 2147483647;

厳密にいまいまの状態が知りたいのであれば、
大げさですがAjaxでリクエスト発射してDBがINT型ならば{"maxNum": 2147483647}みたいなJSONを返すWebAPIの作りにするべきでしょうね。

ただまぁ、21億という数値が大量に格納されているテーブルは異常です。
バクテリアじゃないんだからそんな天文学的な数値が並ぶわけないんですよ。
だから初見のエンジニアはそのテーブルを見て仰天すると思います。

未入力ならそもそもnull値入れりゃよくね？って話ですから、
意味のない数値を適当に入れるとルール決めで面倒になります。
もしこの21億という数字を見て瞬間的に何を意味するか理解出来ないのであれば、
しっかりした運用ルールを用意した方が後々にとって楽だと思います。

---

追記

未入力の場合上限なしが好ましいのです

基本的にDBにMAX_LIMITというカラムを用意する場合、
上限無しはnull値で管理される事が多いです。

また、HTMLからサーバー上に送信される場合、
やり取りは全て文字列になりますので、数値計算したいならば文字列→数値に型変換を行う必要があります。

Comments

[退会済みユーザー]

ありがとうございます。
参考にさせていただきます。