getType 関数を使って JavaScript のデータ型を探る

はじめに

この実験では、JavaScript におけるデータ型の概念を探ります。getType 関数を使って、任意の値が undefined、null であるか、コンストラクタのインスタンスであるかを判断する方法を学びます。実験が終了するとき、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") javascript/BasicConceptsGroup -.-> javascript/cond_stmts("Conditional Statements") subgraph Lab Skills javascript/variables -.-> lab-28673{{"値の型"}} javascript/data_types -.-> lab-28673{{"値の型"}} javascript/arith_ops -.-> lab-28673{{"値の型"}} javascript/comp_ops -.-> lab-28673{{"値の型"}} javascript/cond_stmts -.-> lab-28673{{"値の型"}} end

値の型を取得する関数

値の型を取得するには、次の関数を使用します。

const getType = (v) => {
  if (v === undefined) {
    return "undefined";
  }

  if (v === null) {
    return "null";
  }

  return v.constructor.name;
};

値が undefined または null の場合、関数は 'undefined' または 'null' を返します。
それ以外の場合、Object.prototype.constructor と Function.prototype.name を使用してコンストラクタの名前を返します。

使用例:

getType(new Set([1, 2, 3])); // 'Set'

まとめ

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