JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでJSONオブジェクトのサイズ(キー数)を取得する2つの方法

JavaScriptでJSONオブジェクトのサイズ、つまりオブジェクトが持つキーの数を取得したい場合、主に以下の2つの方法があります。それぞれの特徴と使い方をサンプルコードとともに解説します。

方法1:Object.keys()を使う

Object.keys()メソッドは、指定したオブジェクト自身が持つ列挙可能なプロパティ名(キー)を配列として返します。返される配列の順序は、通常のループで取得する場合と同じです。この配列のlengthプロパティを参照することで、キーの数を簡単に取得できます。

サンプルコード

let a = {
   name: "John",
   age: 32,
   city: "Hong Kong"
}
console.log(Object.keys(a).length)

実行結果

上記のコードを実行すると、次の出力が得られます。

3

オブジェクトに含まれるキーは「name」「age」「city」の3つであるため、結果は3となります。

方法2:for...inループを使う

for...inステートメントを使用すると、オブジェクトのSymbol以外のすべての列挙可能なプロパティを順番に反復処理できます。カウンター変数を用意してループごとにインクリメントすることで、キーの総数を求められます。

サンプルコード

let a = {
   name: "John",
   age: 32,
   city: "Hong Kong"
}
let count = 0;
for(let key in a) {
   count ++;
}
console.log(count)

実行結果

こちらも同様に、次の出力が得られます。

3

どちらの方法を選ぶべきか?

Object.keys()は簡潔で読みやすく、モダンなJavaScript開発では最も一般的に使われる方法です。一方、for...inループは古い環境との互換性が必要な場合や、ループ内で各キーに対して追加の処理を行いたい場合に便利です。単純にキー数だけを知りたいのであれば、Object.keys().lengthを使うのがおすすめです。

  1. JSONテキストをJavaScriptのJSONオブジェクトに変換する方法を解説

    JavaScriptでは、JSON.parse()メソッドを使用することで、JSON形式のテキスト文字列をJavaScriptオブジェクトへと変換できます。このメソッドは、APIから取得したデータやサーバーとの通信で受け取ったJSON文字列を、プログラム内で扱いやすいオブジェクトにパースする際に非常に重要な役割を果たします。 以下は、JSONテキストをJavaScriptオブジェクトに変換する具体的なコード例です。 サンプルコード <!DOCTYPE html> <html lang=ja> <head> <meta charset=UTF-8 /&

  2. JavaScriptでオブジェクトの値を取得する方法:Object.values()と_.values()の違いを解説

    JavaScriptにはObject.values()など、オブジェクトの値を取得するためのメソッドがいくつか用意されています。しかし、これらの標準メソッドでは値を取り出すまでの手順がやや長くなりがちです。そこで便利なのが、JavaScriptライブラリ「Underscore.js」が提供する_.values()メソッドです。このメソッドを使えば、forループを記述することなく、オブジェクトの値を直接取得できます。 Object.values()を使った例 まずは標準メソッドであるObject.values()を使った例です。このメソッドで取得した値を順番に表示するには、for...ofループ