序文: 日常の開発では、変数のデータ型や変数が 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. 依存パッケージをインストールする [root@localhost ~]# yum insta...
目次問題の説明フロントエンド制御(方法1)アイデアコードバックエンド制御(方法2)アイデアコード要約...
目次1. カウンターの実装2. 成果を達成する1. カウンターの実装ページにカウンターを実装するだけ...
この記事では、二次リンク効果を実現するためのReact+tsの具体的なコードを参考までに共有します。...
SSDストレージを有効にしたMySQLインスタンスの詳細な説明特に OS と MySQL が同じディ...
今日、問題が発生しました: MySQL の insert into、update、delete ステ...
目次意味文法例1. 初期値initが渡されない2. 初期値を渡す場合3. アレイの重複排除4. Re...
DNMP の紹介DNMP (Docker + Nginx + MySQL + PHP7/5 + Re...
最近、自宅サーバーにクラウドディスクを導入する予定なので、一連の環境構築作業を始めました。MySQL...
JDBC の 6 つのステップ: 1. ドライバーを登録する2. データベース接続を取得する3. デ...
チームは新しいフレームを交換しました。すべての新しいビジネスでは、新しいフレームワークと新しいデータ...
<br />ホームページの右側にあるスクロールバーを削除するにはどうすればよいですか? ...
Go は、シンプルで信頼性が高く、効率的なソフトウェアを簡単に構築できるオープンソース プログラミン...
目次導入効果のデモンストレーションは次のとおりです。 MChat コンポーネントのレンダリング: I...
複数テーブルクエリ複数のテーブルから関連するクエリ結果を取得するには、単一の SELECT ステート...