25
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Javascript】空オブジェクトの判定方法

Posted at

null じゃなくて空オブジェクトで返ってくる時がある

該当の値が存在しない場合 大体 null で返ってくるのですが、たまーに空Object で返ってくる時があります。

{} // null ちゃうんかーい

空オブジェクトの判定ってどうやってやるんや

空配列の判定はよくやるのですが、そういえば空オブジェクトの判定ってしたことないと思い調べたところ諸説あったのですが、以下のやり方が一番多かったです。

Object.keys(emptyObj).length === 0 // オブジェクトのキーが 0 かで判定

以下みたいに直接比較してあげてもいいのですが、、、

const obj = {}

if (Object.keys(obj).length  === 0) {
 console.log('空っぽだよーん')
}

先輩から「ぱっと見で何を比較しているのはわかり辛い」とご指摘いただいたので、、

 const obj = {}

 const isEmpty = (obj) => {
   return Object.keys(obj).length === 0
 }

 if (isEmpty(obj)) {
   console.log('空っぽだよーん')
 }

こんな感じで「空オブジェクトかどうか判定する関数」を作ってあげてもいいのかなと思いました。
おしまい。

参考

25
10
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
25
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?