JavaScript の typeof 演算子

概要: このチュートリアルでは、値の型を表す文字列を返す JavaScript のtypeof演算子の使用方法を学びます。

JavaScript の typeof 演算子の紹介

typeof演算子はオペランドを受け取り、オペランドの型を表す文字列を返します。 以下にtypeof演算子の構文を示します。

typeof(operand)Code language: JavaScript (javascript)

この構文では、オペランドは値、変数、または式にすることができます。 別の方法として、次のように括弧なしで typeof 演算子を使用することもできます。

typeof operandCode language: JavaScript (javascript)

オペランドが式の場合、構文を有効にするために括弧を使用する必要があることに注意してください。

JavaScript typeof の例

次の例は、さまざまな型の値でtypeof演算子を使用する方法を示しています。

let type;

type = typeof 'Hi';
console.log(type); // 'string'

type = typeof 100;
console.log(type); // 'number'

type = typeof 100n;
console.log(type); // 'bigint'

type = typeof false;
console.log(type); // 'boolean'

type = typeof Symbol('morning');
console.log(type); // 'symbol'


type = typeof undefined;
console.log(type); // 'undefined'


type = typeof new Date();
console.log(type); // 'object'Code language: JavaScript (javascript)

JavaScript では、null は null 型のプリミティブ値です。しかし、その型は null ではなく object です。なぜなら、JavaScript は null を空のオブジェクトとして扱うからです。

type = typeof null;
console.log(type); // 'object'Code language: JavaScript (javascript)

技術的には、JavaScript は関数をオブジェクトとして扱います。したがって、その型は'object'です。しかし、関数はいくつかの特別なプロパティを持っており、JavaScript は typeof 演算子を使用して関数と他のオブジェクトを区別する必要があります。例えば

function add(x, y) {
  return x + y;
}

let type = typeof add;
console.log(type); // 'function';Code language: JavaScript (javascript)

JavaScript typeof 演算子と括弧

式をtypeof演算子に渡す場合、括弧を使用する必要があります。例えば

let type = typeof (100 + '10');
console.log(type);Code language: JavaScript (javascript)

出力

'string'Code language: JavaScript (javascript)

この例では、式100 + '10'は文字列'10010'を返します。したがって、その型は'string'です。括弧を使用しないと、予期しない結果になります。例えば

let type = typeof 100 + '10';
console.log(type);Code language: JavaScript (javascript)

出力

'number10'Code language: JavaScript (javascript)

この例では、typeof 100は'number'を返します。したがって、結果は文字列'number'と'10'を連結した文字列になります。

まとめ

• JavaScript のtypeof演算子を使用して、値の型を表す文字列を取得します。