English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 基礎トレーニング

JavaScript オブジェクト

JavaScript 関数

JS HTML DOM

JS ブラウザBOM

AJAX 基礎トレーニング

JavaScript 参考マニュアル

JavaScriptの数値メソッド

前回の章で数字の基本を学びました。さらに一歩進んで、数字に対して使える内蔵のメソッドやプロパティを使った便利な操作を考えてみましょう。

原始値、例えば(25または3.14),属性やメソッドを持つことはできません(なぜなら、それらはオブジェクトではありません)。

しかし、JavaScriptでは、メソッドや属性も原始値に対して使用できます。なぜなら、JavaScriptはメソッドや属性を実行する際に原始値をオブジェクトとして見なすからです。

toExponential()メソッド

toExponential()メソッドは数字を表す文字列を返します。

このメソッドはオプションの引数を受け取り、小数点の後の文字数を定義します。

var num = 12.5;
num.toExponential();  // 返します 1.25e+1
num.toExponential(2); // 返します 1.25e+1
num.toExponential(4); // 返します 1.2500e+1
num.toExponential(6); // 返します 1.250000e+1
テストを見て‹/›

注意:指数記号は非常に大きいか非常に小さい数字を表すために使用できます。例えば、95700000000は「00000000」に書ける957e8または957e + 8。

toFixed()メソッド

toFixed()メソッドは固定小数点表示法で数字をフォーマットします。

このメソッドが返す値は文字列で、小数点の後には正確に指定された桁数があります。

var num = 12.525;
num.toFixed();  // 返します 13
num.toFixed(2); // 返します 12.53
num.toFixed(4); // 返します 12.5250
num.toFixed(6); // 返します 12.525000
テストを見て‹/›

必要に応じて、数字は四捨五入され、必要に応じて小数部分はゼロで埋められ、指定された長さを持つようにします。

toPrecision()メソッド

toPrecision()メソッドは指定された精度の数字を表す文字列を返します。

このメソッドが返す値は文字列で、小数点の後には正確に指定された桁数があります。

var num = 5.123456;
num.toPrecision();// 5.123456
num.toPrecision(1);   // 5
num.toPrecision(2);   // 5.1
num.toPrecision(3);   // 5.12
num.toPrecision(4);   // 5.123
num.toPrecision(10);  // 5.123456000
テストを見て‹/›

toString()メソッド

toString()メソッドは指定された数字を表す文字列を返します。

var num = 255;
num.toString();   // 「」を返します255「 」として文字列
テストを見て‹/›

このtoString()メソッドは、選択的に受け入れることができます2まで36範囲内の整数パラメータ、その整数パラメータは数値を表す基数を指定します。

var num = 255;
num.toString(10);  // 「」を返します255"
num.toString(16);  // 「ff」を返します
num.toString(8);   // 「」を返します377"
num.toString(2);   // 「」を返します11111111"
テストを見て‹/›

また、括弧内に値を置くのではなく、変数を置くこともできます。

(9048).toString();// 「」を返します9048"
(false).toString();   // 「false」を返します
(50 + 20).toString(); // 「」を返します70"
テストを見て‹/›

valueOf()メソッド

valueOf()方法は数字の原始値を返します。

var x = new Number(50);
typeof x.valueOf(); // 数字(オブジェクトではなく)を返します
テストを見て‹/›

JavaScriptでは、数字は原始値またはオブジェクトでできます。

このvalueOf()Numberオブジェクトを原始値に変換するためにJavaScriptで使用される方法。

変数を数字に変換する方法

があります3JavaScript グローバル関数変数を数字に変換するために使用できます:

Number()関数

Number()関数は指定された引数を数字に変換します。

その値が数字に変換できない場合、NaNを返します。

Number(true);   // 返します 1
Number(false);  // 0を返します
Number("100");  // 返します 100
Number("2 + 6");// NaNを返します
Number("2 6");  // NaNを返します
Number("Parrot");   // NaNを返します
テストを見て‹/›

が与えられた場合DateオブジェクトNumber()関数はUTC 1970年1月1日からのミリ秒数。

Number(new Date());
テストを見て‹/›

parseInt()関数

このparseInt()文字列を解析し、整数を返す関数。

CSSユニットなどの値(例えば15px、4emなど)から数値を抽出する必要がある場合、この機能は非常に役立ちます。

parseInt("12");   // 返します 12
parseInt("12.25");// 返します 12
parseInt("15px"); // 返します 15
parseInt("4 days");   // 返します 4
parseInt("Day 4");// NaNを返します
parseInt("36 24 36"); // 返します 36
parseInt("   20   "); // 返します 20
テストを見て‹/›

最初の文字が数字に変換できない場合、NaNを返します。

このparseInt()関数は任意の整数引数を受け取り、その引数を基準にする数字システムを指定するために使用されます。例えば、基数16(16進数)文字列中の数字を16進数から10進数に解析するために使用されます。

parseInt("FF", 16);// 返します 255
parseInt("1111" 2);   // 返します 15
テストを見て‹/›

parseFloat()関数

parseFloat()文字列を解析し、浮動小数点数を返す関数。

parseFloat("12.25");  // 返します 12.25
parseFloat("5.6em");  // 返します 5.6
parseFloat("80.5 kg");// 返します 80.5
parseFloat("weight 80.5 kg"); // NaNを返します
テストを見て‹/›

最初の文字が数字に変換できない場合、NaNを返します。

JavaScriptの数字属性

以下の表にNumberオブジェクトの属性を示します:

属性説明
MAX_VALUEJavaScript中表示できる可能な最大の数字を返します
MIN_VALUEJavaScript中表示できる可能な最小の数字を返します
NEGATIVE_INFINITY負の無限大(オーバーフロー時に返されます)
POSITIVE_INFINITY無限大(オーバーフロー時に返されます)
NaN「非数字」値を表す

注意:Numberのすべての属性は静的で、常に以下のように使用されますNumber.property、あなたが作成したNumberオブジェクトの属性としてではなく。

JavaScript MIN_VALUEとMAX_VALUE

このMAX_VALUE属性表示JavaScript中表示できる最大の数値。

Number.MAX_VALUE;
テストを見て‹/›

このMIN_VALUE属性表示JavaScript中表示できる最小の正の数値。

Number.MIN_VALUE;
テストを見て‹/›

JavaScript POSITIVE_INFINITYとNEGATIVE_INFINITY

このNEGATIVE_INFINITY属性表示负的Infinity值。

Number.NEGATIVE_INFINITY;
テストを見て‹/›

NEGATIVE_INFINITY オーバーフローして返されます:

var num = -5 / 0;
テストを見て‹/›

このPOSITIVE_INFINITY属性は正のInfinity値を表します。

Number.POSITIVE_INFINITY;
テストを見て‹/›

POSITIVE_INFINITY オーバーフローして返されます:

var num = 5 / 0;
テストを見て‹/›

JavaScript NaN-は数字ではありません

このNaN属性は無効な値を表します。

例えば、数字と文字列を乗算しようとすると、NaNという値が返されます。

var ans = 10 * 'Hello';
document.getElementById('result').innerHTML = ans;
テストを見て‹/›

数字属性は静的です

数字属性は静的で、常に以下のように使用しますNumber.property、あなたが作成したNumberオブジェクトの属性としてではなく。

例えば、あなたが作成したオブジェクト(Number自体ではなく)にMAX_VALUEを呼び出すと、未定義の値が返されます:

var num = 20;
num.MAX_VALUE;// undefined
テストを見て‹/›

完全な数値リファレンス

完全な属性とメソッドのリファレンスについては、私たちのJavaScript Number リファレンス

参照部分には、すべての数字属性とメソッドの説明と例が含まれています。