0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

JavaScriptで入力値を100万単位に変換したい時

Posted at

やりたいこと

input入力欄に3と入力されたら300万にしてAPIに送りたい。
桁数が大きいデータを扱うときにフロントでは桁数を少なく表示したい。一方でAPIに送る情報には元の数値を入れて送る

実装メモ

  <input type='text' name='name'/>
const getInputValue = ():string => {
 const target = document.querySelector("input[name=name]");
 return target.value;
}

inputで入力された値を取ってくるgetInputValue関数を作ります。
getInputValue関数の返り値はstringで返ってくる想定です。

inputで入力された数値を100万単位にする関数

const changeToMillion = ():number => {
  const normalValue = getInputValue();
  const millionValue = parseInt(normalValue,10)*1e6;
  return millionValue;
}

次にgetInputValue関数で取ってきた値を、changeToMillion関数で100万単位に変換します。
1e6は10の6乗を意味します。
今回は100万単位にしますが、乗数を変えることで億単位等に変更することも可能です。
1e7:1000万,
1e8:1億...等
eの後の数字を変更すればさまざまな桁に対応できます。ここでのe は 10 のべき乗を表します。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?