JavaScript の数値検証をマスターする

はじめに

この実験では、与えられた値が数値かどうかをチェックするJavaScript関数を作成することに焦点を当てます。typeof演算子とNaNに対するセーフガードを利用して、関数が有効な数値のみに対してtrueを返すようにします。この実験は、JavaScriptのデータ型と型チェックに対する理解を深めるのに役立ちます。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28430{{"値が数値であるか"}} javascript/data_types -.-> lab-28430{{"値が数値であるか"}} javascript/arith_ops -.-> lab-28430{{"値が数値であるか"}} javascript/comp_ops -.-> lab-28430{{"値が数値であるか"}} end

JavaScriptにおける値が数値であるかのチェック

JavaScriptにおいて値が数値であるかどうかをチェックするには、typeof演算子を使用して値が数値プリミティブとして分類されているかどうかを判断できます。NaNに関する問題を防ぐために（NaNはtypeofがnumberであり、自身と等しくない）、値が自身と等しいかどうかをval === valを使ってチェックすることもできます。

与えられた値が数値であるかどうかをチェックする例の関数は次の通りです。

const isNumber = (val) => typeof val === "number" && val === val;

この関数を次のように使うことができます。

isNumber(1); // true
isNumber("1"); // false
isNumber(NaN); // false

まとめ

おめでとうございます！「値が数値であるか」の実験を完了しました。スキルを向上させるために、LabExでさらに多くの実験を行って練習してください。