JSONとは何ですか？

JSONは、JavaScriptObjectNotationの頭字語です。これは、キーと値のペアでデータを整理するJavaScriptオブジェクトです。この方法でデータを保存すると、これらのオブジェクトは軽量で言語に依存しなくなります。これは、JSONがほとんどのプログラミング言語で読み取れることを意味します。

JSONは軽量であり、人間やマシンが簡単に読み取ることができるため、サーバーからクライアント側へのデータの取得に一般的に使用されます。 APIを消費する世界では、JSONはサーバーからユーザーに必要なデータのみを抽出するのに十分な柔軟性があります。

JSONの使用

JSONの使用は、サーバーからアプリのフロントエンドに渡されたデータを保存するための便利な方法です。ほとんどのプログラミング言語には、データをすぐにJSONに変換するメソッドがあります。 JavaScriptフェッチリクエストでは、サーバーから渡されたデータ応答は、json()を呼び出すことによってJSONに変換されます。 リクエストに応じたメソッド。フェッチリクエストの詳細については、こちらをご覧ください。

とにかく応答をJSONに変換したいのはなぜですか？応答は冗長であり、私たち人間にとって解読するのは困難です。応答をJSONに変換することで、データを読みやすいキーと値のペアに整理します。これにより、応答データを処理するために記述したコードを介してデータにアクセスしやすくなります。

JSONの例

まず、JSONに変換された応答がどのようになるかを見てみましょう。以下の例では、現在宇宙飛行士が何人いるかを示すフェッチリクエストをAPIに送信しています。

fetch('https://api.open-notify.org/astros.json')
.then(response => response.json())
.then(data => console.log(data))

この目的のために、JSONに変換した応答をコンソールに記録します。

{
    "message": "success",
    "number": 7,
    "people": [
        {
            "craft": "ISS",
            "name": "Sergey Ryzhikov"
        },
        {
            "craft": "ISS",
            "name": "Kate Rubins"
        },
        {
            "craft": "ISS",
            "name": "Sergey Kud-Sverchkov"
        },
        {
            "craft": "ISS",
            "name": "Mike Hopkins"
        },
        {
            "craft": "ISS",
            "name": "Victor Glover"
        },
        {
            "craft": "ISS",
            "name": "Shannon Walker"
        },
        {
            "craft": "ISS",
            "name": "Soichi Noguchi"
        }
    ]
}

このオブジェクトの中には、「メッセージ」、「番号」、「人」のキーがあることがわかります。メッセージキーは「成功」の値を指します。これは、リクエストのステータスをお知らせする素敵なメッセージです。

次に、数字のキーは値7を指します。これは宇宙にいる人の総数です。最後に、「人」の鍵にたどり着きます。このキーの値は配列です。この配列の中には、「craft」と「name」のキーを持つオブジェクトがさらにあります。これらの鍵に対する私たちの価値観は、搭乗している宇宙船と宇宙飛行士の名前です。

参加者の81％は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

JSONは何度もネストできます。フェッチリクエストのこの段階で、応答はJSONに変換されています。次のステップは、そのデータを使用して何かを行うことです。ここから、このデータを使用して、各宇宙飛行士のカードの行にデータを入力できます。データをどう処理するかは、アプリに何を実現させたいかによって決まります。

結論

要約すると、JSONはデータの保存に使用されるオブジェクトであることがわかりました。通常、そのデータは、フェッチ要求の応答としてサーバーからのものです。また、JavaScriptにはjson()が付属していることも学びました 応答をJSONに変換するメソッド。

アプリケーションのフロントエンドがサーバーからのデータを使用するには、JSON形式である必要があります。応答をJSONに変換した後、そのデータを中心に自由に作成できます。 json()にさらに進むには フェッチリクエストのメソッドについては、このガイドを参照してください。