blocks|key|354638|text|您可以使用下面的代码来完成此操作。首先使用dictionary.data获取数据数组，并将其赋值给数据变量。之后，您可以使用普通的for循环对其进行迭代。每一行都是数组中的一个row对象。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|354639|var+data+=+dictionary.data;

for+(var+i+in+data)
{
+++++var+id+=+data[i].id;
+++++var+name+=+data[i].name;
}|code-block|syntax|javascript|354640|您可以遵循类似的方法来迭代图像数组。|354641|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>You can do it with the below code. You first get the data array using dictionary.data and assign it to the data variable. After that you can iterate it using a normal for loop. Each row will be a row object in the array.</p>

<pre><code>var data = dictionary.data;

for (var i in data)
{
     var id = data[i].id;
     var name = data[i].name;
}
</code></pre>

<p>You can follow similar approach to iterate the image array. </p>


blocks|key|136871|text|也有这种方式(EcmaScript5的新特性)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|136872|dictionary.data.forEach(function(item){
++++console.log(item.name+%2B+'+'+%2B+item.id);
});|code-block|syntax|javascript|136873|对图像采用相同的方法|136874|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>There's this way too (new to EcmaScript5):</p>

<pre><code>dictionary.data.forEach(function(item){
    console.log(item.name + ' ' + item.id);
});
</code></pre>

<p>Same approach for images</p>


blocks|key|354671|text|大概是这样的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|354672|var+dictionary+=+{"data":[{"id":"0","name":"ABC"},{"id":"1",+"name":"DEF"}],+"images":+[{"id":"0","name":"PQR"},{"id":"1","name":"xyz"}]};

for+(item+in+dictionary)+{
++for+(subItem+in+dictionary[item])+{
+++++console.log(dictionary[item][subItem].id);
+++++console.log(dictionary[item][subItem].name);
++}
}|code-block|syntax|javascript|354673|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|$]]

<p>Something like that:</p>

<pre><code>var dictionary = {"data":[{"id":"0","name":"ABC"},{"id":"1", "name":"DEF"}], "images": [{"id":"0","name":"PQR"},{"id":"1","name":"xyz"}]};

for (item in dictionary) {
  for (subItem in dictionary[item]) {
     console.log(dictionary[item][subItem].id);
     console.log(dictionary[item][subItem].name);
  }
}
</code></pre>


blocks|key|354712|text|使用点表示法和/或括号表示法来访问对象属性，使用for+loops来迭代数组：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|354713|var+d,+i;

for+(i+=+0;+i+<+dictionary.data.length;+i%2B%2B)+{
++d+=+dictionary.data[i];
++alert(d.id+%2B+'+'+%2B+d.name);
}|code-block|syntax|javascript|354714|您也可以使用for..in循环来迭代数组；但是，添加到Array.prototype中的属性可能会显示出来，并且您不一定会以正确的顺序获得数组元素，甚至不一定以任何一致的顺序获得它们。|354715|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/for|1|https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/for...in^0|O|3|O|9|0|0|0|6|3|B|2|R|F|6|7|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|F|3|G|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|13|8|@$9|14|A|15|B|C]|$9|16|A|17|B|C]|$9|18|A|19|B|C]]|D|@$9|1A|A|1B|1|1C]]|E|$]]|$1|M|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]|U|$5|P|Q|R|E|$S|V]]]]

<p>Use dot notation and/or bracket notation to access object properties and <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/for" rel="nofollow noreferrer"><code>for</code> loops</a> to iterate arrays:</p>

<pre><code>var d, i;

for (i = 0; i &lt; dictionary.data.length; i++) {
  d = dictionary.data[i];
  alert(d.id + ' ' + d.name);
}
</code></pre>

<p>You can also iterate arrays using <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/for...in" rel="nofollow noreferrer"><code>for</code>..<code>in</code></a> loops; however, properties added to <code>Array.prototype</code> may show through, and you may not necessarily get array elements in their correct order, or even in any consistent order.</p>


blocks|key|136830|text|使用生成器函数，您可以遍历深层键值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|136831|​|136832|function+*+deepEntries(obj)+{+
++++for(let+[key,+value]+of+Object.entries(obj))+{
++++++++if+(typeof+value+!==+'object')+
++++++++++++yield+[key,+value]
++++++++else+
++++++++++++for(let+entries+of+deepEntries(value))
++++++++++++++++yield+[key,+...entries]
++++}
}

const+dictionary+=+{
++++"data":+[
++++++++{"id":"0","name":"ABC"},
++++++++{"id":"1","name":"DEF"}
++++],
++++"images":+[
++++++++{"id":"0","name":"PQR"},
++++++++{"id":"1","name":"xyz"}
++++]
}

for(let+entries+of+deepEntries(dictionary))+{
++++const+key+=+entries.slice(0,+-1).join('.')
++++const+value+=+entries[entries.length-1]
++++console.log(key,+value)
}|code-block|syntax|javascript|136833|136834|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>Using a generator function you could iterate over deep key-values. </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function * deepEntries(obj) { 
    for(let [key, value] of Object.entries(obj)) {
        if (typeof value !== 'object') 
            yield [key, value]
        else 
            for(let entries of deepEntries(value))
                yield [key, ...entries]
    }
}

const dictionary = {
    "data": [
        {"id":"0","name":"ABC"},
        {"id":"1","name":"DEF"}
    ],
    "images": [
        {"id":"0","name":"PQR"},
        {"id":"1","name":"xyz"}
    ]
}

for(let entries of deepEntries(dictionary)) {
    const key = entries.slice(0, -1).join('.')
    const value = entries[entries.length-1]
    console.log(key, value)
}</code></pre>
</div>
</div>
</p>


blocks|key|354645|text|for(index+in+dictionary)+{
+for(var+index+in+dictionary[]){
++++//+do+something
++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|354646|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>for(index in dictionary) {
 for(var index in dictionary[]){
    // do something
  }
}
</code></pre>


blocks|key|354719|text|var+dictionary+=+{
++++++++"data":[{"id":"0","name":"ABC"},+{"id":"1","name":"DEF"}],
++++++++"images":+[+{"id":"0","name":"PQR"},"id":"1","name":"xyz"}]
};


for+(var+key+in+dictionary)+{
++++var+getKey+=+dictionary[key];
++++getKey.forEach(function(item)+{
++++++++console.log(item.name+%2B+'+'+%2B+item.id);
++++});
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|354720|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var dictionary = {
        "data":[{"id":"0","name":"ABC"}, {"id":"1","name":"DEF"}],
        "images": [ {"id":"0","name":"PQR"},"id":"1","name":"xyz"}]
};


for (var key in dictionary) {
    var getKey = dictionary[key];
    getKey.forEach(function(item) {
        console.log(item.name + ' ' + item.id);
    });
}
</code></pre>


blocks|key|354736|text|使用for和foreach循环|type|unstyled|depth|inlineStyleRanges|entityRanges|data|354737|var+dictionary+=+{
+++++data:+[{+id:+"0",+name:+"ABC"+},+{+id:+"1",+name:+"DEF"+}],
+++++images:+[{+id:+"0",+name:+"PQR"+},+{+id:+"1",+name:+"xyz"+}]
};
dictionary.data.forEach(item+=>+{
+++++console.log(item.id+%2B+"+"+%2B+item.name);
});

for+(var+i+=+0;+i+<+dictionary.data.length;+i%2B%2B)+{
+++++console.log(dictionary.data[i].id+%2B+"+"+%2B+dictionary.data[i].name);
}|code-block|syntax|javascript|354738|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|$]]

<p>Using for and foreach loop  </p>

<pre><code>var dictionary = {
     data: [{ id: "0", name: "ABC" }, { id: "1", name: "DEF" }],
     images: [{ id: "0", name: "PQR" }, { id: "1", name: "xyz" }]
};
dictionary.data.forEach(item =&gt; {
     console.log(item.id + " " + item.name);
});

for (var i = 0; i &lt; dictionary.data.length; i++) {
     console.log(dictionary.data[i].id + " " + dictionary.data[i].name);
}
</code></pre>


blocks|key|136957|text|以下是您拥有的所有选项：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|136958|1.+for...of+(ES2015)|offset|length|style|CODE|136959|​|136960|var+dictionary+=+{
++++"data":+[
++++++++{"id":"0","name":"ABC"},
++++++++{"id":"1","name":"DEF"}
++++],
++++"images":+[
++++++++{"id":"0","name":"PQR"},
++++++++{"id":"1","name":"xyz"}
++++]
};

for+(const+entry+of+dictionary.data)+{
++console.log(JSON.stringify(entry))
}|code-block|syntax|javascript|136961|136962|2.+Array.prototype.forEach+(ES5)|136963|136964|var+dictionary+=+{
++++"data":+[
++++++++{"id":"0","name":"ABC"},
++++++++{"id":"1","name":"DEF"}
++++],
++++"images":+[
++++++++{"id":"0","name":"PQR"},
++++++++{"id":"1","name":"xyz"}
++++]
};

dictionary.data.forEach(function(entry)+{
++console.log(JSON.stringify(entry))
})|136965|136966|3.+for()+(ES1)|136967|136968|var+dictionary+=+{
++++"data":+[
++++++++{"id":"0","name":"ABC"},
++++++++{"id":"1","name":"DEF"}
++++],
++++"images":+[
++++++++{"id":"0","name":"PQR"},
++++++++{"id":"1","name":"xyz"}
++++]
};

for+(let+i+=+0;+i+<+dictionary.data.length;+i%2B%2B)+{
++console.log(JSON.stringify(dictionary.data[i]))
}|136969|136970|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of|1|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach|2|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for^0|0|3|8|3|8|0|0|0|0|0|3|N|3|N|1|0|0|0|0|3|5|3|5|2|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1E|8|@$D|1F|E|1G|F|G]]|9|@$D|1H|E|1I|1|1J]]|A|$]]|$1|H|3|I|5|6|7|1K|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|1L|8|@]|9|@]|A|$M|N]]|$1|O|3|I|5|6|7|1M|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1N|8|@$D|1O|E|1P|F|G]]|9|@$D|1Q|E|1R|1|1S]]|A|$]]|$1|R|3|I|5|6|7|1T|8|@]|9|@]|A|$]]|$1|S|3|T|5|L|7|1U|8|@]|9|@]|A|$M|N]]|$1|U|3|I|5|6|7|1V|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|1W|8|@$D|1X|E|1Y|F|G]]|9|@$D|1Z|E|20|1|21]]|A|$]]|$1|X|3|I|5|6|7|22|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|L|7|23|8|@]|9|@]|A|$M|N]]|$1|10|3|I|5|6|7|24|8|@]|9|@]|A|$]]|$1|11|3|-4|5|6|7|25|8|@]|9|@]|A|$]]]|12|$13|$5|14|15|16|A|$17|18]]|19|$5|14|15|16|A|$17|1A]]|1B|$5|14|15|16|A|$17|1C]]]]

<p>Here's all the options you have:</p>

<h2>1. <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of" rel="nofollow noreferrer"><code>for...of</code></a> (ES2015)</h2>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var dictionary = {
    "data": [
        {"id":"0","name":"ABC"},
        {"id":"1","name":"DEF"}
    ],
    "images": [
        {"id":"0","name":"PQR"},
        {"id":"1","name":"xyz"}
    ]
};

for (const entry of dictionary.data) {
  console.log(JSON.stringify(entry))
}</code></pre>
</div>
</div>
</p>

<h2>2. <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach" rel="nofollow noreferrer"><code>Array.prototype.forEach</code></a> (ES5)</h2>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var dictionary = {
    "data": [
        {"id":"0","name":"ABC"},
        {"id":"1","name":"DEF"}
    ],
    "images": [
        {"id":"0","name":"PQR"},
        {"id":"1","name":"xyz"}
    ]
};

dictionary.data.forEach(function(entry) {
  console.log(JSON.stringify(entry))
})</code></pre>
</div>
</div>
</p>

<h2>3. <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for" rel="nofollow noreferrer"><code>for()</code></a> (ES1)</h2>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var dictionary = {
    "data": [
        {"id":"0","name":"ABC"},
        {"id":"1","name":"DEF"}
    ],
    "images": [
        {"id":"0","name":"PQR"},
        {"id":"1","name":"xyz"}
    ]
};

for (let i = 0; i &lt; dictionary.data.length; i++) {
  console.log(JSON.stringify(dictionary.data[i]))
}</code></pre>
</div>
</div>
</p>


<p>I have this object. I want to iterate this object in JavaScript. How is this possible?</p>

<pre><code>var dictionary = {
    "data": [
        {"id":"0","name":"ABC"},
        {"id":"1","name":"DEF"}
    ],
    "images": [
        {"id":"0","name":"PQR"},
        {"id":"1","name":"xyz"}
    ]
};
</code></pre>


How to iterate object in JavaScript?

我有这个对象。我想在JavaScript中迭代这个对象。这怎麽可能？var dictionary = {    "data": [        {"id":"0","name":"ABC"},        {"id":"1","name":"DEF"}    ],    "images": [        {"id":"0","name":"PQR"},        {"id":"1","

问如何在JavaScript中迭代对象？
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JavaScript中迭代对象？EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JavaScript中迭代对象？
EN