ホームページ > 記事 > ウェブフロントエンド > 型ユーティリティ - JavaScript の課題
型のチェックは、日常のコーディングや技術面接において JavaScript で一般的に行われています。
この投稿のすべてのコードは Github で見つけることができます。
JavaScript では、Object を除くすべての型は、言語の最下位レベルで直接表現される不変の値を定義します。これらの型の値をプリミティブ値と呼びます。
7 つのプリミティブ値があります:
null を除くすべてのプリミティブ型は、typeof 演算子でテストできます。 typeof null は「object」を返すため、null をテストするには === null を使用する必要があります。
したがって、最初のタイプのユーティリティ関数が得られます。
function isBoolean(value) { return typeof value === 'boolean'; } function isString(value) { return typeof value === 'string'; } function isNumber(value) { return typeof value === 'number'; } function isSymbol(value) { return typeof value === 'symbol'; } function isBigInt(value) { return typeof value === 'bigint'; } function isUndefined(value) { return typeof value === 'undefined'; } function isNull(value) { return value === null; } // Usage example console.log(isSymbol(Symbol('test'))); // => true console.log(isNull(null)); // => true console.log(isUndefined(undefined)); // => true console.log(isNumber(1)); // => true console.log(isString('')); // => true console.log(isBoolean(true)); // => true console.log(isBigInt(9007199254740991n)); // => true
JavaScript では、プリミティブ型以外のものはすべてオブジェクトです。これには以下が含まれます:
ここでは、配列、関数、オブジェクトの 2 番目のユーティリティ関数を紹介します。
function isArray(value) { return Array.isArray(value); } function isFunction(value) { return typeof value === 'function'; } function isObject(value) { // for null and undefined if (value == null) { return false; } return typeof value === 'object'; } function isPlainObject(value) { // for null and undefined if (value == null) { return false; } const prototype = Object.getPrototypeOf(value); return prototype === Object.prototype || prototype === null; } // Usage example console.log(isArray(new Array())); // => true console.log(isObject(Object(null))); // => true console.log(isFunction(Object.prototype.toString)); // => true console.log(isPlainObject(Object.create(null))); // => true
JavaScript で型をチェックするには、次のようないくつかの方法があります。
Object.prototype.toString.call() は、JavaScript での型チェックの最も信頼できるメソッドです。
次の方法で型を抽出できます。
function getType(value) { const type = typeof value; if (type !== 'object') { return type; } return Object.prototype.toString .call(value) .slice(8, -1) .toLowerCase(); } // Usage example console.log(getType(1)); // => number console.log(getType('')); // => string console.log(getType({})); // => object console.log(getType(null)); // => null console.log(getType(undefined)); // => undefined console.log(getType(Symbol())); // => symbol console.log(getType(BigInt(1234567890123456789012345))); // => bigint console.log(getType(function () {})); // => function console.log(getType(new Date())); // => date console.log(getType(new Map())); // => map console.log(getType(new Set())); // => set console.log(getType(new RegExp("cat", "i"))); // => regex
以上が型ユーティリティ - JavaScript の課題の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。