जावास्क्रिप्ट कैसे JSON सरणी पार्स करने के लिए

Question 1

सर्वर से JSON संदेश प्राप्त करने के लिए मैं Sencha Touch (ExtJS) का उपयोग कर रहा हूं। मुझे जो संदेश मिलता है वह यह है:

{
"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

जावास्क्रिप्ट में स्ट्रिंग के लिए 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);
}

यहाँ एक कार्यशील उदाहरण है

संपादित करें : लूप के लिए आपके उपयोग में एक गलती है (मैं अपने पहले पढ़ने पर चूक गया, मौके के लिए @ एवर्ट को श्रेय)। फ़ॉर-इन लूप का उपयोग करने से var को वर्तमान लूप की संपत्ति के नाम के रूप में सेट किया जाएगा, वास्तविक डेटा नहीं। सही उपयोग के लिए ऊपर मेरा अद्यतन लूप देखें

महत्वपूर्ण : यह JSON.parseविधि पुराने पुराने ब्राउज़रों में काम नहीं करेगी - इसलिए यदि आप अपनी वेबसाइट को किसी प्रकार के इंटरनेट कनेक्शन के माध्यम से उपलब्ध कराने की योजना बनाते हैं, तो यह एक समस्या हो सकती है! यदि आप वास्तव में रुचि रखते हैं, तो यहां एक समर्थन चार्ट है (जो मेरे सभी बॉक्स को टिक करता है)।

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 (var counter in jsonData.counters) {
    console.log(jsonData.counters[counter].counter_name);
}

लेकिन जैसा कि काउंटर एक ऐरे है, आपको एक सामान्य फॉर-लूप का उपयोग करना होगा:

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

Question 5

सर्वर डेटा के साथ बातचीत के लिए "सेन्चा रास्ता" Ext.data.Storeएक Ext.data.proxy.Proxy(इस मामले में Ext.data.proxy.Ajax) Ext.data.reader.JsonJSON-एन्कोडेड डेटा के साथ सुसज्जित (इस मामले में ) एक अनुमानित सेट कर रहा है , अन्य पाठक भी उपलब्ध हैं। सर्वर पर डेटा वापस लिखने 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()। आप स्टोर को किसी भी स्नेहा टच यूआई घटकों जैसे ग्रिड, सूचियों या रूपों में भी तार कर सकते हैं।

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

यह आकर्षण की तरह काम करता है!

इसलिए मैंने अपनी आवश्यकता के अनुसार कोड संपादित किया। और यहां परिवर्तन हैं: यह आईडी नंबर को पर्यावरण चर में प्रतिक्रिया से बचाएगा।

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

आपको एक्स्टाज में एक डेटस्टोर और प्रॉक्सी का उपयोग करना चाहिए। इसके बहुत सारे उदाहरण हैं, और JSON रीडर आपके द्वारा निर्दिष्ट मॉडल में JSON संदेश को स्वचालित रूप से पार्स करता है।

ExtJs का उपयोग करते समय मूल जावास्क्रिप्ट का उपयोग करने की कोई आवश्यकता नहीं है, सब कुछ अलग है, आपको सब कुछ सही पाने के लिए ExtJs तरीके का उपयोग करना चाहिए। वहाँ प्रलेखन ध्यान से पढ़ें, यह अच्छा है।

वैसे, ये उदाहरण स्नेहा टच (विशेष रूप से v2) के लिए भी हैं, जो एक्सटीजे के समान मूल कार्यों पर आधारित है।

Question 11

सुनिश्चित नहीं है कि मेरा डेटा ठीक मेल खाता है, लेकिन मेरे पास JSON ऑब्जेक्ट्स के सरणियों की एक सरणी है, जो पृष्ठों का उपयोग करते समय jQuery के FormBuilder से निर्यात किया गया।

उम्मीद है कि मेरा जवाब किसी को भी मदद कर सकता है जो इस सवाल पर ठोकर खाता है, जो मेरे पास एक समस्या के जवाब की तलाश में है।

डेटा कुछ इस तरह से देखा गया:

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()+"]")