JS でオブジェクトが空オブジェクトかどうかを判断する 5 つの方法

JS でオブジェクトが空オブジェクトかどうかを判断する 5 つの方法

1. jsonオブジェクトをjson文字列に変換し、文字列が「{}」であるかどうかを判断します。

var データ = {};
var b = (JSON.stringify(data) == "{}");
アラート(b);//true

2. forループ判定

var obj = {};
var b = 関数() {
    for(var key in obj) {
        false を返します。
    }
    true を返します。
}
アラート(b());//true

3. jQueryのisEmptyObjectメソッド

このメソッドは、2 番目のメソッド (for in) を jQuery でカプセル化したものであり、使用する場合は jQuery に依存する必要があります。

var データ = {};
var b = $.isEmptyObject(データ);
アラート(b);//true

4.Object.getOwnPropertyNames() メソッド

このメソッドは、Object オブジェクトの getOwnPropertyNames メソッドを使用して、オブジェクト内のプロパティ名を取得し、配列に格納して、配列オブジェクトを返します。配列の長さを判断することで、このオブジェクトが空かどうかを判断できます。注: このメソッドは IE8 と互換性がなく、他のブラウザではテストされていません。

var データ = {};
var arr = Object.getOwnPropertyNames(データ);
アラート(arr.length == 0); //true

5. ES6のObject.keys()メソッドを使用する

メソッド4と同様に、ES6の新しいメソッドであり、戻り値もオブジェクト内の属性名の配列です。

var データ = {};
var arr = Object.keys(データ);
アラート(arr.length == 0); //true

これで、JS を使用してオブジェクトが空かどうかを判断する 5 つの方法についての記事は終了です。JS を使用してオブジェクトが空かどうかを判断する方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • オブジェクト {} が空のオブジェクトであるかどうかを判断する JavaScript の簡単な方法
  • js は空のオブジェクトのインスタンスを決定します (超シンプル)
  • JS で空のオブジェクトを判断するためのいくつかの方法のレビュー
  • JS がオブジェクトが空オブジェクトかどうかを判断するためのいくつかの実用的な方法の概要

<<:  Windows Server 2016 に MySQL 5.7.19 の解凍バージョンをインストールするための詳細なチュートリアル

>>:  Dockerコンテナはルーティングを介して直接通信し、ネットワーク通信を実現します。

推薦する

スケーラブルな列の完全な例を実現するための Ant 設計 Vue テーブル

ant-design-vue テーブルのスケーラブルな列の問題に対する完璧なソリューション。固定列と...

MySQL 8.0.19 インストールチュートリアル

公式サイトからインストールパッケージをダウンロードします: mysql-8.0.19-linux-g...

uniappがインターフェースドメイン名を動的に取得する方法を分析する

背景インターフェイス ドメイン名はハードコードされておらず、動的に取得されます。具体的な実装は、静的...

Ubuntu 20.04 は Wi-Fi に接続します (2 つの方法)

最近Ubuntu 20.04をインストールしましたが、Wi-Fiに接続できず、Wi-Fiアイコンも表...

Windows での MySQL 5.7.10 のインストールと設定のチュートリアル

MySQL は、ユーザーごとに 2 つの異なるバージョンを提供します。 MySQL コミュニティ サ...

ローカルストレージにブール型の値を保存する際の落とし穴を解決する

LocalStorageはブール値を保存します今日、ブール値データを保存するために localsto...

HTML ドロップダウン ボックスの SELECT オプションを変更する複数の方法

フォームが送信されると、返された HTML ページが再レンダリングされ、SELECT コントロールの...

CSS スタイルの優先順位はどれくらい複雑ですか?

昨晩、面接の質問を見ていたら、CSS スタイルの優先順位について特に明確に説明していない人が何人かい...

CSS での三角形の描画と巧妙な応用例の詳細な説明

鉛Web ページ上の一般的な三角形の一部は、画像やフォント アイコンにする必要なく、CSS を使用し...

MySQL の null と not null、null と空の値の違いの詳細な説明 ''''

MySQL を長い間使用してきた多くの人は、これら 2 つのフィールド属性の概念をまだよく理解して...

MySQL データベースの大文字と小文字の区別の問題

MySQL では、データベースはデータ ディレクトリ内のディレクトリに対応します。データベース内の各...

Apache Bench で Web ストレス テストを実装する方法

1. Apache Benchの紹介ApacheBench は、Apache サーバーに付属する W...

MySQL8.0.18 複数マスターと 1 スレーブの構成

目次1. 現実的な背景2. 合意3. マスターを構成する3.1. 起動パラメータの設定3.2. パラ...

Linux および CentOS (サーバー) に zip および unzip コマンド機能をインストールする

Linux に zip 解凍機能をインストールする通常、 zip コマンドは Linux サーバーに...

HTML で 2 つの div タグの間に垂直線を描く方法

最近、インターフェースを描画しているときに、インターフェースに垂直線を描画し、この垂直線の高さが親 ...