javascript JSONオブジェクトの数を取得する

javascript JSONオブジェクトの数を取得する

javascriptで、Object.keysを使用して、JSONオブジェクトの数を取得するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

Object.keys使い方

Object.keysを使用すると、jsonデータの数を取得することが可能です。

test.json

axiosを使って、test.jsonを読み込んで数を取得します。

4と表示されることが確認できます。

サンプルコード

以下は、
「実行」ボタンをクリックすると、JSONデータをaxiosで取得して数を取得して表示する
サンプルコードとなります。

※cssには「bootstrap5」を使用してます。「bootstrap5」は、IEのサポートを終了してます。

test.json

数が表示されていることが確認できます。