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コンテナはルーティングを介して直接通信し、ネットワーク通信を実現します。

推薦する

Vueのリストレンダリングの詳細な説明

目次1. v-for: 配列の内容を走査する(よく使われる) 2. v-for: オブジェクトのプロ...

zk+kafka+storm クラスターの docker-compose デプロイメントの実装

クラスターの展開の概要172.22.12.20 172.22.12.21 172.22.12.22 ...

jQueryブリージングカルーセルの制作原理を詳しく解説

この記事では、jQueryブリージングカルーセル制作原理の具体的なプロセスを参考までに紹介します。具...

カルーセル効果を実現するjQueryプラグイン

毎日jQueryプラグイン - カルーセルチャートを実装するためのjQueryプラグイン。参考までに...

Docker で Springboot プロジェクトを実行する実装

導入: springboot プロジェクトを実行する Docker の構成は実は非常にシンプルで、L...

MySQL データベースのバックアップをスケジュールするいくつかの方法 (包括的)

目次1. データをバックアップするためのmysqldumpコマンド2. 一般的なmysqldump操...

MySQLデータベースを別のマシンに移行する方法の詳細な説明

1. まず、移行サーバー上のデータ ファイルを見つけます。MySQL 5.7 とデフォルトのインスト...

Nginx+SSL による双方向認証を実装するためのサンプル コード

まずディレクトリを作成する cd /etc/nginx mkdir ssl cd ssl CA と自...

Nginx リバース プロキシ springboot jar パッケージ プロセス分析

Springboot プロジェクトをサーバーにデプロイする方法としては、war パッケージにパッケー...

Vue が Web オンラインチャット機能を実現

この記事では、Webオンラインチャットを実装するためのVueの具体的なコードを参考までに紹介します。...

LinuxでVIMエディタを使う方法

豊富なオプションを備えた強力なエディターとして、Vim は多くのユーザーに愛されています。この記事で...

VueはEChartsを使用して折れ線グラフと円グラフを実装します

バックエンド管理プロジェクトを開発する場合、バックエンドのユーザーデータをカウントし、折れ線グラフや...

大規模な Vue.js プロジェクトの構築と維持のための 10 のベスト プラクティス

目次1. スロットを使用してコンポーネントを理解しやすくし、より強力にする2. Vuexストアを正し...

エージェントを介したzabbix監視プロセスとポートの詳細なプロセス

環境の紹介オペレーティングシステム: Centos 7.4 Zabbix バージョン: zabbix...

サブメニューをクリックする効果を実現するJavaScript

この記事では、クリック時にサブメニューを表示するためのJavaScriptの具体的なコードを参考まで...