blocks|key|388900|text|在for-+In+-loop中，运行变量保存属性名，而不是属性值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|388901|for+(var+counter+in+jsonData.counters)+{
++++console.log(jsonData.counters[counter].counter_name);
}|code-block|syntax|javascript|388902|但是因为counters是一个数组，所以你必须使用一个普通的for循环：|388903|for+(var+i=0;+i<jsonData.counters.length;+i%2B%2B)+{
++++var+counter+=+jsonData.counters[i];
++++console.log(counter.counter_name);
}|388904|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

In a for-in-loop the running variable holds the property name, not the property value.

<pre><code>for (var counter in jsonData.counters) {
 console.log(jsonData.counters[counter].counter_name);
}
</code></pre>

But as counters is an Array, you have to use a normal for-loop:

<pre><code>for (var i=0; i&lt;jsonData.counters.length; i++) {
 var counter = jsonData.counters[i];
 console.log(counter.counter_name);
}
</code></pre>

blocks|key|605013|text|您应该在ExtJs中使用数据存储和代理。有很多这样的examples，JSON阅读器会自动将JSON消息解析成您指定的模型。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|605014|在使用ExtJs时不需要使用基本的Javascript，一切都是不同的，你应该使用ExtJs的方法来让一切都正确。仔细阅读那里的文档，这是很好的。|605015|顺便说一下，这些示例也适用于Sencha+Touch+(特别是v2)，它基于与ExtJ相同的核心函数。|605016|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.sencha.com/ext-js/4-0/#!/api/Ext.data.reader.Json^0|Q|8|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

You should use a datastore and proxy in ExtJs. There are plenty of <a href="http://docs.sencha.com/ext-js/4-0/#!/api/Ext.data.reader.Json" rel="nofollow">examples</a> of this, and the JSON reader automatically parses the JSON message into the model you specified.

There is no need to use basic Javascript when using ExtJs, everything is different, you should use the ExtJs ways to get everything right. Read there documentation carefully, it's good.

By the way, these examples also hold for Sencha Touch (especially v2), which is based on the same core functions as ExtJs.

blocks|key|389007|text|这是我的回答：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|389008|<!DOCTYPE+html>
<html>
+++<body>
++++++<h2>Create+Object+from+JSON+String</h2>
++++++
+++++++++First+Name:+<span+id="fname"> +
+++++++++Last+Name:+<span+id="lname"> +
++++++
++++++<script>
+++++++++var+txt+=
+++++++++++'{"employees":['+%2B
+++++++++++'{"firstName":"John","lastName":"Doe"+},'+%2B
+++++++++++'{"firstName":"Anna","lastName":"Smith"+},'+%2B
+++++++++++'{"firstName":"Peter","lastName":"Jones"+}]}';
+++++++++
+++++++++//var+jsonData+=+eval+("("+%2B+txt+%2B+")");
+++++++++var+jsonData+=+JSON.parse(txt);
+++++++++for+(var+i+=+0;+i+<+jsonData.employees.length;+i%2B%2B)+{
+++++++++++++var+counter+=+jsonData.employees[i];
+++++++++++++//console.log(counter.counter_name);
+++++++++++++alert(counter.firstName);
+++++++++}
++++++</script>
+++</body>
</html>|code-block|syntax|javascript|389009|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This is my answer:
<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
 &lt;body&gt;
 &lt;h2&gt;Create Object from JSON String&lt;/h2&gt;
 &lt;p&gt;
 First Name: &lt;span id=&quot;fname&quot;&gt;&lt;/span&gt;&lt;br&gt; 
 Last Name: &lt;span id=&quot;lname&quot;&gt;&lt;/span&gt;&lt;br&gt; 
 &lt;/p&gt;
 &lt;script&gt;
 var txt =
 '{&quot;employees&quot;:[' +
 '{&quot;firstName&quot;:&quot;John&quot;,&quot;lastName&quot;:&quot;Doe&quot; },' +
 '{&quot;firstName&quot;:&quot;Anna&quot;,&quot;lastName&quot;:&quot;Smith&quot; },' +
 '{&quot;firstName&quot;:&quot;Peter&quot;,&quot;lastName&quot;:&quot;Jones&quot; }]}';
 
 //var jsonData = eval (&quot;(&quot; + txt + &quot;)&quot;);
 var jsonData = JSON.parse(txt);
 for (var i = 0; i &lt; jsonData.employees.length; i++) {
 var counter = jsonData.employees[i];
 //console.log(counter.counter_name);
 alert(counter.firstName);
 }
 &lt;/script&gt;
 &lt;/body&gt;
&lt;/html&gt;
</code></pre>

blocks|key|389049|text|与服务器数据交互的"Sencha方式“是设置一个由Ext.data.proxy.Proxy+(在本例中为Ext.data.proxy.Ajax)代理的Ext.data.Store，其中提供了一个Ext.data.reader.Json+(对于JSON编码的数据，也有其他可用的阅读器)。为了将数据写回服务器，有几种类型的Ext.data.writer.Writer。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|389050|下面是一个这样的设置示例：|389051|++++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'
++++++++++++}
++++++++}
++++});|code-block|syntax|javascript|389052|本例中的data1.json+(在this+fiddle中也可用)逐字包含您的数据。在这种情况下，idProperty:+'counter_name'可能是可选的，但通常指向主键属性。rootProperty:+'counters'指定哪个属性包含数据项的数组。|389053|使用这种存储设置，您可以通过调用store.load()从服务器重新读取数据。您还可以将商店连接到任何Sencha+Touch适当的UI组件，如网格、列表或表单。|389054|entityMap|0|LINK|mutability|MUTABLE|url|https://fiddle.sencha.com/#view/editor&fiddle/20hi^0|P|K|1G|J|23|E|2P|K|4G|M|0|0|0|4|A|1D|Q|2K|O|H|B|0|0|G|C|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]|$9|15|A|16|B|C]|$9|17|A|18|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|19|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1A|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1B|8|@$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]|$9|1G|A|1H|B|C]]|D|@$9|1I|A|1J|1|1K]]|E|$]]|$1|O|3|P|5|6|7|1L|8|@$9|1M|A|1N|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|1O|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

"Sencha way" for interacting with server data is setting up an <code>Ext.data.Store</code> proxied by a <code>Ext.data.proxy.Proxy</code> (in this case <code>Ext.data.proxy.Ajax</code>) furnished with a <code>Ext.data.reader.Json</code> (for JSON-encoded data, there are other readers available as well). For writing data back to the server there's a <code>Ext.data.writer.Writer</code>s of several kinds.

Here's an example of a setup like that:

<pre><code> 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'
 }
 }
 });
</code></pre>

<code>data1.json</code> in this example (also available in <a href="https://fiddle.sencha.com/#view/editor&amp;fiddle/20hi" rel="nofollow noreferrer">this fiddle</a>) contains your data verbatim. <code>idProperty: 'counter_name'</code> is probably optional in this case but usually points at primary key attribute. <code>rootProperty: 'counters'</code> specifies which property contains array of data items.

With a store setup this way you can re-read data from the server by calling <code>store.load()</code>. You can also wire the store to any Sencha Touch appropriate UI components like grids, lists or forms.

blocks|key|605149|text|不确定我的数据是否完全匹配，但我有一个JSON对象数组，在使用页面时从jQuery+FormBuilder中导出。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|605150|希望我的答案可以帮助任何偶然发现这个问题的人，寻找与我类似的问题的答案。|605151|数据看起来有点像这样：|605152|var+allData+=+
[
++++[
++++++++{
++++++++++++"type":"text",
++++++++++++"label":"Text+Field"
++++++++},+
++++++++{
++++++++++++"type":"text",
++++++++++++"label":"Text+Field"
++++++++}
++++],
++++[
++++++++{
++++++++++++"type":"text",
++++++++++++"label":"Text+Field"
++++++++},+
++++++++{
++++++++++++"type":"text",
++++++++++++"label":"Text+Field"
++++++++}
++++]
]|code-block|syntax|javascript|605153|我解析它所做的就是简单地执行以下操作：|605154|JSON.parse("["%2BallData.toString()%2B"]")|605155|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|S|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|T|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Not sure if my data matched exactly but I had an array of arrays of JSON objects, that got exported from jQuery FormBuilder when using pages. 

Hopefully my answer can help anyone who stumbles onto this question looking for an answer to a problem similar to what I had.

The data looked somewhat like this: 

<pre><code>var allData = 
[
 [
 {
 "type":"text",
 "label":"Text Field"
 }, 
 {
 "type":"text",
 "label":"Text Field"
 }
 ],
 [
 {
 "type":"text",
 "label":"Text Field"
 }, 
 {
 "type":"text",
 "label":"Text Field"
 }
 ]
]
</code></pre>

What I did to parse this was to simply do the following: 

<pre><code>JSON.parse("["+allData.toString()+"]")
</code></pre>

blocks|key|605261|text|这真是太棒了！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|605262|因此，我根据自己的需求编辑了代码。下面是更改:它将把响应中的id号保存到环境变量中。|605263|var+jsonData+=+JSON.parse(responseBody);
for+(var+i+=+0;+i+<+jsonData.data.length;+i%2B%2B)
{
++++var+counter+=+jsonData.data[i];
++++postman.setEnvironmentVariable("schID",+counter.id);
}|code-block|syntax|javascript|605264|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This works like charm! 

So I edited the code as per my requirement. And here are the changes:
It will save the id number from the response into the environment variable.

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

blocks|key|605328|text|高票数的答案是错误的。当我使用它时，我在第3行找到了它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|605329|var+counter+=+jsonData.counters[i];|code-block|syntax|javascript|605330|我将其更改为：|605331|var+counter+=+jsonData[i].counters;|605332|这对我很管用。这与第3行中的其他答案有所不同：|605333|var+jsonData+=+JSON.parse(myMessage);
for+(var+i+=+0;+i+<+jsonData.counters.length;+i%2B%2B)+{
++++var+counter+=+jsonData[i].counters;
++++console.log(counter.counter_name);
}|605334|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

The answer with the higher vote has a mistake. when I used it I find out it in line 3 :

<pre><code>var counter = jsonData.counters[i];
</code></pre>

I changed it to :

<pre><code>var counter = jsonData[i].counters;
</code></pre>

and it worked for me.
There is a difference to the other answers in line 3: 

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

blocks|key|389315|text|就像提醒你一样...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|389316|var+data+=+JSON.parse(responseBody);|code-block|syntax|javascript|389317|一直都是deprecated。|offset|length|389318|邮递员学习中心now建议|389319|var+jsonData+=+pm.response.json();|389320|entityMap|0|LINK|mutability|MUTABLE|url|https://learning.postman.com/docs/postman/scripts/test-examples/#check-for-a-json-value-deprecated|1|https://learning.postman.com/docs/postman/scripts/test-examples/#check-for-a-json-value^0|0|0|4|A|0|0|7|3|1|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@$I|11|J|12|1|13]]|A|$]]|$1|K|3|L|5|6|7|14|8|@]|9|@$I|15|J|16|1|17]]|A|$]]|$1|M|3|N|5|D|7|18|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]|W|$5|R|S|T|A|$U|X]]]]

Just as a heads up...

<pre><code>var data = JSON.parse(responseBody);
</code></pre>

has been <a href="https://learning.postman.com/docs/postman/scripts/test-examples/#check-for-a-json-value-deprecated" rel="nofollow noreferrer">deprecated</a>.

Postman Learning Center <a href="https://learning.postman.com/docs/postman/scripts/test-examples/#check-for-a-json-value" rel="nofollow noreferrer">now</a> suggests

<pre><code>var jsonData = pm.response.json();
</code></pre>

I'm using Sencha Touch (ExtJS) to get a JSON message from the server. The message I receive is this one :

<pre><code>{
"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"
 }

 ]
}
</code></pre>

My problem is that I can't parse this JSON object so that i can use each of the counter objects.

I'm trying to acomplish that like this :

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

What am i doing wrong ?
Thank you!

Javascript how to parse JSON array

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我使用Sencha Touch (ExtJS)从服务器获取JSON消息。我收到的消息是这样的：{"success": true,"counters": [    {        "counter_name": "dsd",        "counter_type": "sds",        "counter_u...

问Javascript如何解析JSON数组
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript如何解析JSON数组EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript如何解析JSON数组
EN