序文: 日常の開発では、変数のデータ型や変数が null かどうかを判別する必要がある状況によく遭遇します。型を判別するための演算子はどのように選択しますか?この記事では、開発者が習得しなければならない 1. typeof演算子
(1)戻り値は文字列型であり、
(2)一般的な使用方法 console.log(typeof undefined); //'未定義' console.log(typeof true);//'bpplean' console.log(typeof ("number")); //'文字列' console.log(typeof "number"); //'文字列' console.log(typeof 1);//'数値' console.log(typeof Symbol());//'シンボル' //Array や Null などの特殊なオブジェクトの場合、typeof は常に object を返します。これが typeof の制限です。console.log(typeof null); //'object' console.log(typeof [1, 2, 3]);//'オブジェクト' console.log(typeof undefined); //'未定義' //typeof演算子を使用して関数を他のオブジェクトと区別します function f1() { console.log(111); } console.log(typeof f1); //'関数' console.log(typeof f1()); // 111 '未定義' (3)typeofを使って変数が存在するかどうかを調べることはできない var a; (a === 未定義)の場合{ console.log("変数が存在しません") } それ以外 { console.log("変数が存在します") } // 変数が存在しません 2. インスタンスオブ演算子
関数 f1() { console.log(111); console.log(f1 インスタンスオブオブジェクト);//true console.log(f1 関数のインスタンス);//true console.log(f1 instanceof RegExp); //false すべての参照値は
関数 myInstanceof(left, right) { let proto = Object.getPrototypeOf(left), // オブジェクトのプロトタイプを取得します prototype = right.prototype; // コンストラクター関数のプロトタイプオブジェクトを取得します // コンストラクター関数のプロトタイプオブジェクトがオブジェクトのプロトタイプチェーン上にあるかどうかを判断します while (true) { if (!proto) が false を返す; if (proto === prototype) が true を返す。 proto = Object.getPrototypeOf(proto); } } 3. typeof と instanceof の違いと開発での使用に関する提案
上記の 2 つの方法には欠点があり、すべてのシナリオのニーズを満たすことができないことがわかります。 一般的にデータ型を検出する必要がある場合は、 console.log(Object.prototype.toString.call(undefined)) //"[オブジェクトは未定義です]" console.log(Object.prototype.toString.call(true)) // "[オブジェクト ブール値]" console.log(Object.prototype.toString.call('1')) // "[オブジェクト 文字列]" console.log(Object.prototype.toString.call(1)) // "[オブジェクト番号]" console.log(Object.prototype.toString.call(Symbol())) // "[オブジェクト シンボル]" console.log(Object.prototype.toString.call({})) // "[オブジェクト Object]" console.log(Object.prototype.toString.call(function () { })) // "[オブジェクト Function]" console.log(Object.prototype.toString.call([])) //"[オブジェクト配列]" console.log(Object.prototype.toString.call(null)) //"[オブジェクト Null]" console.log(Object.prototype.toString.call(/123/g)) //"[オブジェクト正規表現]" console.log(Object.prototype.toString.call(new Date())) //"[オブジェクト Date]" 要約: データ型の判断における 以下もご興味があるかもしれません:
|
<<: 一定時間後にNavicatがデータベースから自動的に切断される問題の解決方法
>>: MySQLからHiveにさらにデータをインポートするためのソリューション
1. まず、CSS3 のターゲット セレクターを使用し、a タグを使用して id セレクターを指定し...
アバターをアップロードするにはVue-Cropperコンポーネントを使用します。参考までに具体的な内...
背景モバイル デバイスでは、ページ ジャンプ間のキャッシュが必須要件です。例: ホームページ =&g...
序文:この知識を理解する必要がある人は、すでにプロセス間通信とスレッド間通信の基本的な理解を持ってい...
最近、ビジネス側から、一部のユーザー情報の挿入に失敗し、エラー メッセージが「不正な文字列値:&qu...
目次1. 環境整備1.1 オペレーティング システムのバージョン1.2 ディスク容量1.3 ファイア...
最近、画像上に半透明の背景でテキストを表示する必要があるという要件に遭遇しました。その効果は次のよう...
反復/egrep構文: grep [-cinvABC] 'word' ファイル名-c...
execute、executeUpdate、executeQuery の違い (およびそれらの戻り値...
目次概要ビルドプロセス関連APIリードライン基本的な使い方チョーククリア手順に関する追加情報完全なコ...
マルチ選択は、すべてのオプションを一覧表示し、ユーザーが Ctrl/Shift キーを使用して複数選...
今日はメニューボタンを作りました。マウスをボタンに移動するすると、ドロップダウンサブメニューが表示さ...
インストールまず、Java と Scala をインストールし、次に Spark をダウンロードしてイ...
目次背景メタバースとは何ですか?成果を達成するトライアル 1: THREE.TorusGeometr...
この記事では、参考までにMYSQLログとバックアップとリストアについて紹介します。具体的な内容は以下...