JavaScriptでJSON配列を解析する方法

Question 1

Sencha Touch（ExtJS）を使用してサーバーからJSONメッセージを取得しています。私が受け取るメッセージはこれです：

{
"success": true,
"counters": [
    {
        "counter_name": "dsd",
        "counter_type": "sds",
        "counter_unit": "sds"
    },
    {
        "counter_name": "gdg",
        "counter_type": "dfd",
        "counter_unit": "ds"
    },
    {
        "counter_name": "sdsData",
        "counter_type": "sds",
        "counter_unit": "   dd       "
    },
    {
        "counter_name": "Stoc final",
        "counter_type": "number    ",
        "counter_unit": "litri     "
    },
    {
        "counter_name": "Consum GPL",
        "counter_type": "number    ",
        "counter_unit": "litri     "
    },
    {
        "counter_name": "sdg",
        "counter_type": "dfg",
        "counter_unit": "gfgd"
    },
    {
        "counter_name": "dfgd",
        "counter_type": "fgf",
        "counter_unit": "liggtggggri     "
    },
    {
        "counter_name": "fgd",
        "counter_type": "dfg",
        "counter_unit": "kwfgf       "
    },
    {
        "counter_name": "dfg",
        "counter_type": "dfg",
        "counter_unit": "dg"
    },
    {
        "counter_name": "gd",
        "counter_type": "dfg",
        "counter_unit": "dfg"
    }

    ]
}

私の問題は、このJSONオブジェクトを解析できないため、各カウンターオブジェクトを使用できないことです。

私はそれをこのように達成しようとしています：

var jsonData = Ext.util.JSON.decode(myMessage);
for (var counter in jsonData.counters) {
     console.log(counter.counter_name);
 }

何が悪いのですか？ありがとうございました！

Question 2

JavaScriptには、文字列用の組み込みのJSON解析があります。

var myObject = JSON.parse("my json string");

これをあなたの例で使うには：

var jsonData = JSON.parse(myMessage);
for (var i = 0; i < jsonData.counters.length; i++) {
    var counter = jsonData.counters[i];
    console.log(counter.counter_name);
}

これが実際の例です

編集：forループの使用に誤りがあります（私は最初の読み取りでこれを見逃しました、@ Evertにスポットを当ててください）。for-inループを使用すると、varが実際のデータではなく、現在のループのプロパティ名に設定されます。正しい使い方については、上記の更新されたループを参照してください

重要：このJSON.parse方法は古い古いブラウザでは機能しません。そのため、時間を曲げるようなインターネット接続を介してWebサイトを利用できるようにする場合は、これが問題になる可能性があります。あなたが本当に興味があるなら、ここにサポートチャートがあります（これは私のすべてのボックスをチェックしています）。

Question 3

これが私の答えです

<!DOCTYPE html>
<html>
<body>
<h2>Create Object from JSON String</h2>
<p>
First Name: <span id="fname"></span><br> 
Last Name: <span id="lname"></span><br> 
</p> 
<script>
var txt = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';

//var jsonData = eval ("(" + txt + ")");
var jsonData = JSON.parse(txt);
for (var i = 0; i < jsonData.employees.length; i++) {
    var counter = jsonData.employees[i];
    //console.log(counter.counter_name);
    alert(counter.firstName);
}

</script>
</body>
</html>

Question 4

for-in-loopでは、実行中の変数はプロパティ値ではなくプロパティ名を保持します。

for (var counter in jsonData.counters) {
    console.log(jsonData.counters[counter].counter_name);
}

ただし、countersは配列であるため、通常のforループを使用する必要があります。

for (var i=0; i<jsonData.counters.length; i++) {
    var counter = jsonData.counters[i];
    console.log(counter.counter_name);
}

Question 5

サーバーデータとやり取りするための "Sencha方法"はExt.data.Store、Ext.data.proxy.Proxy（この場合はExt.data.proxy.Ajax）を備えたプロキシをセットアップしますExt.data.reader.Json（JSONでエンコードされたデータの場合、他のリーダーも利用できます）。サーバーにデータを書き戻すにはExt.data.writer.Writer、いくつかの種類があります。

そのような設定の例を次に示します。

    var store = Ext.create('Ext.data.Store', {
        fields: [
            'counter_name',
            'counter_type',
            'counter_unit'
        ],

        proxy: {
            type: 'ajax',
            url: 'data1.json',

            reader: {
                type: 'json',
                idProperty: 'counter_name',
                rootProperty: 'counters'
            }
        }
    });

data1.jsonこの例では（このフィドルでも使用可能）、データが逐語的に含まれています。idProperty: 'counter_name'この場合、おそらくオプションですが、通常は主キー属性を指します。rootProperty: 'counters'データ項目の配列を含むプロパティを指定します。

この方法でストアをセットアップすると、を呼び出してサーバーからデータを再度読み取ることができますstore.load()。ストアをグリッド、リスト、フォームなどのSencha Touchの適切なUIコンポーネントにワイヤリングすることもできます。

Question 6

私にとってはもう少し重要なことです。

var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';  
var contact = JSON.parse(jsontext);  
document.write(contact.surname + ", " + contact.firstname);  
document.write(contact.phone[1]);  
// Output:  
// Aaberg, Jesper  
// 555-0100

リファレンス：https : //docs.microsoft.com/en-us/scripting/javascript/reference/json-parse-function-javascript

Question 7

これは魅力のように機能します！

だから私は私の要件に従ってコードを編集しました。そしてここに変更があります：応答からのID番号を環境変数に保存します。

var jsonData = JSON.parse(responseBody);
for (var i = 0; i < jsonData.data.length; i++)
{
    var counter = jsonData.data[i];
    postman.setEnvironmentVariable("schID", counter.id);
}

Question 8

投票数が多い方の回答に誤りがあります。私がそれを使用したとき、私は3行目でそれを見つけます：

var counter = jsonData.counters[i];

私はそれを次のように変更しました：

var counter = jsonData[i].counters;

そしてそれは私のために働いた。3行目の他の回答との違いがあります。

var jsonData = JSON.parse(myMessage);
for (var i = 0; i < jsonData.counters.length; i++) {
    var counter = jsonData[i].counters;
    console.log(counter.counter_name);
}

Question 9

ヘッズアップのように...

var data = JSON.parse(responseBody);

廃止されました。

郵便配達員ラーニングセンターは今提案します

var jsonData = pm.response.json();

Question 10

ExtJsではデータストアとプロキシを使用する必要があります。これには多くの例があり、JSONリーダーはJSONメッセージを自動的に解析して、指定したモデルに変換します。

ExtJを使用する場合、基本的なJavascriptを使用する必要はありません。すべてが異なります。ExtJの方法を使用してすべてを正しく行う必要があります。ドキュメンテーションを注意深く読んでください、それは良いことです。

ちなみに、これらの例は、ExtJと同じコア機能に基づくSencha Touch（特にv2）にも当てはまります。

Question 11

データが正確に一致するかどうかはわかりませんが、ページを使用するときにjQuery FormBuilderからエクスポートされたJSONオブジェクトの配列の配列がありました。

うまくいけば、私の答えは、私が持っていたものと同様の問題への答えを探しているこの質問に出くわした人を助けることができます。

データは次のようになります。

var allData = 
[
    [
        {
            "type":"text",
            "label":"Text Field"
        }, 
        {
            "type":"text",
            "label":"Text Field"
        }
    ],
    [
        {
            "type":"text",
            "label":"Text Field"
        }, 
        {
            "type":"text",
            "label":"Text Field"
        }
    ]
]

これを解析するために私がしたことは、単に次のことをすることでした：

JSON.parse("["+allData.toString()+"]")