型チェック の

型チェックについて

データの型が何であるかを知ることは、コードをエラーなくスムーズに動かすために、しばしばとても重要です。

JavaScriptには、値やオブジェクトの型を調べる方法がいくつかあります。

typeof演算子

typeof演算子は、そのオペランドの型を返します。 出力は、"null"を除いて、プリミティブデータ型のいずれかの名前と一致する文字列です。 また、"function"や"object"になることもあります。

typeof undefined;
// => "undefined"

typeof true;
// => "boolean"

typeof 42;
// => "number"

typeof 'Hello, World!';
// => "string"

typeof function () {
  return 'Hello, World';
};
// => "function"

typeof [1, 2, 3, 4];
// => "object"

typeof { city: 'Stockholm', country: 'Sweden' };
// => "object"

これは[歴史的な理由][typeof null is "object"]によるものです。

instanceof演算子

オブジェクトの型を調べるには、instanceof演算子を使うことができます。 これは、2番目のオペランドが1番目のオペランドのプロトタイプチェーンに含まれるかどうかに応じて、booleanに評価されます。 もう少し説明すると、instanceofは、1番目のオペランドが2番目のオペランド、またはその子クラスのインスタンスかどうかを返します。 instanceofはオブジェクトに対してのみ機能します。

class Beverage {
  // ...
}

// The Coffee class is a child of the Beverage class.
class Coffee extends Beverage {
  // ...
}

const java = new Coffee();

java instanceof Coffee;
// => true

java instanceof Beverage;
// => true

({ __proto__: Array.prototype }) instanceof Array
// => true

Array.isArray({ __proto__: Array.prototype })
// => false

in演算子

in演算子は、1番目のオペランドが2番目のオペランドのプロパティかどうかを返します。 プロパティに値が定義されているかどうかは調べません。 undefinedに設定されたプロパティも、inは検出します。

class Coffee {
  constructor() {
    this.temperature = 'hot';
    this.isDarkMatter = undefined;
  }

  coolDown() {
    this.temperature = 'warm';
  }
}

const espresso = new Coffee();

'temperature' in espresso;
// => true

'color' in espresso;
// => false

'isDarkMatter' in espresso;
// => true

"coolDown" in espresso
// => true

"constructor" in espresso
// => true

Object.hasOwn()関数

Object.hasOwn()メソッドは、指定したオブジェクトが_指定されたプロパティを自身で持っているかどうか_（継承されたものでもメソッドでもない）を返します。

class Coffee {
  constructor() {
    this.temperature = 'hot';
  }

  coolDown() {
    this.temperature = 'warm';
  }
}
const cappuccino = new Coffee();

Object.hasOwn(cappucino, 'temperature');
// => true

Object.hasOwn(cappucino, 'constructor');
// => false

Object.hasOwn(cappucino, 'coolDown');
// => false