TypeScript - 数値: 初心者向けの包括ガイド

こんにちは、将来のプログラミングスーパースター！TypeScriptの数値の世界への旅にようこそ。あなたの近所の親切なコンピュータの先生として、私はこのエキサイティングなトピックをガイドします。コードを書いたことがない人も心配しないでください。私たちは完全な初歩から始めて、段階的に進めていきます。で、コーヒー（またはお気に入りの飲み物）を一杯取り、さあ、潜りましょう！

TypeScriptにおける数値とは？

本題に入る前に、まずTypeScriptにおける数値について話しましょう。プログラミングの世界では、数値は最も基本的なデータタイプの1つです。それらは、コードの中での数学の構成要素のようなものです。TypeScriptはJavaScriptのスーパーセットであり、数値をJavaScriptと同様に扱いますが、いくつかの追加の利点があります。

文法: TypeScriptでの数値の書き方

TypeScriptでは、数値をいくつかの方法で書くことができます。以下にいくつかの例を示します：

let age: number = 30;
let price: number = 19.99;
let billion: number = 1e9;
let hexColor: number = 0xffffff;
let binaryValue: number = 0b1010;
let octalValue: number = 0o744;

これらを分解すると：

• age：単純な整数。
• price：小数（浮動小数点数とも呼ばれます）。
• billion：科学記数法（10億）。
• hexColor：16進数記数法（RGBの白色）。
• binaryValue：2進数記数法（10進数では10に等しい）。
• octalValue：8進数記数法（10進数では484に等しい）。

TypeScriptでは、すべての数値が浮動小数点値として扱われます。これは、たとえ整数の30を書いても、裏では30.0として保存されていることを意味します。

数値タイプの作成

TypeScriptでは、変数を数値タイプとして明示的に宣言することができます。これはTypeScriptがJavaScriptと異なる主要な機能の1つであり、変数に型注釈を追加することができます。

let score: number;
score = 95;

let temperature: number = -5;

function calculateArea(width: number, height: number): number {
return width * height;
}

let area = calculateArea(10, 20);
console.log(area); // 出力: 200

この例では、scoreとtemperatureを数値タイプとして宣言しています。また、2つの数値パラメータを受け取り、数値を返す関数calculateAreaを作成しています。これにより、誤って文字列や他のタイプを渡そうとした場合に早期にエラーを捕捉することができます。

数値オブジェクトの作成

日常のコードでは一般的でも推奨されていませんが、Numberコンストラクタを使用して数値オブジェクトを作成することもできます：

let numObject: Number = new Number(42);
console.log(typeof numObject); // 出力: object

let primitiveNum: number = 42;
console.log(typeof primitiveNum); // 出力: number

Numberを使用する際の大文字Nに注意してください。これは数値のオブジェクトラッパーを作成し、 primitive（ primitives ）の数値タイプ（小文字のn）とは異なります。大部分の場合、パフォーマンスが良くてコードがシンプルな primitive タイプを使用するのが良いでしょう。

数値プロパティ

TypeScriptはJavaScriptのNumberオブジェクトからいくつかの便利なプロパティを引き継いでいます。これらは静的プロパティであり、Numberのインスタンスを作成する必要はありません。

以下は最も一般的なNumberプロパティの表です：

プロパティ	説明	例
Number.MAX_VALUE	最大表現可能な数	console.log(Number.MAX_VALUE);
Number.MIN_VALUE	最小表現可能な正の数	console.log(Number.MIN_VALUE);
Number.NaN	Not-A-Number値	console.log(Number.NaN);
Number.NEGATIVE_INFINITY	負の無限大	console.log(Number.NEGATIVE_INFINITY);
Number.POSITIVE_INFINITY	正の無限大	console.log(Number.POSITIVE_INFINITY);

これらを実際に見てみましょう：

console.log(Number.MAX_VALUE); // 出力: 1.7976931348623157e+308
console.log(Number.MIN_VALUE); // 出力: 5e-324
console.log(Number.NaN); // 出力: NaN
console.log(Number.NEGATIVE_INFINITY); // 出力: -Infinity
console.log(Number.POSITIVE_INFINITY); // 出力: Infinity

これらのプロパティは、極端な値や特別なケースを計算する際に非常に便利です。

数値メソッド

TypeScriptの数値には、さまざまな操作を助けるビルトインメソッドも用意されています。以下は一般的に使用されるメソッドの表です：

メソッド	説明	例
toFixed()	特定の小数桁数で数値をフォーマット	let pi = 3.14159; console.log(pi.toFixed(2));
toPrecision()	指定された長さで数値をフォーマット	let bigNumber = 1234.5678; console.log(bigNumber.toPrecision(5));
toString()	数値を文字列に変換	let num = 42; console.log(num.toString());
valueOf()	Numberオブジェクトの primitives 値を返す	let numObj = new Number(42); console.log(numObj.valueOf());

これらのメソッドを実行してみましょう：

let pi = 3.14159;
console.log(pi.toFixed(2)); // 出力: "3.14"

let bigNumber = 1234.5678;
console.log(bigNumber.toPrecision(5)); // 出力: "1234.6"

let num = 42;
console.log(num.toString()); // 出力: "42"

let numObj = new Number(42);
console.log(numObj.valueOf()); // 出力: 42

これらのメソッドは、数値を表示する際や異なる操作に変換する際に非常に役立ちます。

結論

今天的話は多くの内容をカバーしました。TypeScriptの数値の基本構文から、Numberプロパティやメソッドなどのより高度な概念までです。数値を扱うことはプログラミングの基本スキルであり、これらの概念をマスターすることで、あなたのプログラミングの旅に役立つでしょう。

最後に、ちょっとしたプログラミングのユーモアをどうぞ：プログラマーはなぜダークモードを好むのでしょうか？なぜなら、ライトは虫を引き寄せるからです！?

引き続き練習し、好奇心を持ち、これらの数値概念を自分のコードで実験してみてください。そうすれば、プロのように数値を計算し操作する技能を身につけることができるでしょう！次回まで、ハッピーコーディングを！

Credits: Image by storyset