如何遍历api数组中的多个对象
[英]How can I loop through multiple objects in a api array
问题描述
With my current code, I'm able to loop through a single object to get the data I need. 
使用当前的代码，我可以遍历单个对象来获取所需的数据。 I'm running into a problem trying to loop through all of the available objects, so that I can get the data from all objects returned from the ajax search. 我在尝试遍历所有可用对象时遇到问题，以便可以从ajax搜索返回的所有对象中获取数据。
This is the code I am using to search through a single object. 这是我用来搜索单个对象的代码。
$.ajax({
url: "",
type: "get",
async: true,
contentType: "application/json",
success: function(data) {
console.log(data);
var fields = data[0].Fields ;
document.getElementById("test").innerHTML = fields
.map(function(field) {
return '<p>' + field.DisplayName + ': ' + field.DataValue + '</p>';
})
.join('\n');
I tried removing the [0] in the var fields = data[0].fields , but I get map is undefined. 我尝试删除varfields = data [0] .fields中的[0]，但得到的地图未定义。
When I tried adding a for loop to search through all available objects I'm pretty sure I set it up wrong. 当我尝试添加for循环以搜索所有可用对象时，我很确定自己设置了错误。 I get cannot read property length of undefined... 我无法读取未定义的属性长度...
var fields = data.Fields ;
for(i = 0; i > fields.length; i++){
document.getElementById("test").innerHTML = fields
.map(function(field) {
return '<p>' + field.DisplayName + ': ' + field.DataValue + '</p>';
})
.join('\n');
}
Here is the console.log(data) output 这是console.log（data）输出
(3) [{…}, {…}, {…}]
0: {Fields: Array(8), DocImage: {…}}
1: {Fields: Array(8), DocImage: {…}}
2: {Fields: Array(8), DocImage: {…}}
length: 3
__proto__: Array(0)
3 个解决方案
解决方案1
1 已采纳 2019-01-25 21:40:18
From your answer I guess your data is something like: 根据您的回答，我猜您的数据如下：
var data = [{Fields: [{DisplayName: 1, DataValue: 1}, {DisplayName: 2, DataValue: 2}], DocImage: '1'},
{Fields: [{DisplayName: 11, DataValue: 11}, {DisplayName: 22, DataValue: 22}], DocImage: '2'},
{Fields: [{DisplayName: 31, DataValue: 31}, {DisplayName: 32, DataValue: 32}], DocImage: '3'}] ;
If that's true your cycle can be: 如果是这样，您的周期可以是：
document.getElementById("test").innerHTML = data.map(function(field) {
return field.Fields.map(function(e) {
return '<p>' + e.DisplayName + ': ' + e.DataValue + '</p>';
}).join('<br/>');
}).join('<br/>');
var data = [{Fields: [{DisplayName: 1, DataValue: 1}, {DisplayName: 2, DataValue: 2}], DocImage: '1'}, {Fields: [{DisplayName: 11, DataValue: 11}, {DisplayName: 22, DataValue: 22}], DocImage: '2'}, {Fields: [{DisplayName: 31, DataValue: 31}, {DisplayName: 32, DataValue: 32}], DocImage: '3'}] ; document.getElementById("test").innerHTML = data.map(function(field) { return field.Fields.map(function(e) { return '<p>' + e.DisplayName + ': ' + e.DataValue + '</p>'; }).join('<br/>'); }).join('<br/>');
<div id="test"></div>
解决方案2
0 2019-01-25 21:34:02
You should loop through the data array not the Fields property: 您应该遍历数据数组而不是Fields属性：
for(i = 0; i > data.length; i++){
document.getElementById("test").innerHTML = data[i].fields
.map(function(field) {
return '<p>' + field.DisplayName + ': ' + field.DataValue + '</p>';
})
.join('\n');
}
解决方案3
0 2019-01-25 21:51:07
Based on the structure of the data the API is giving you, you could loop within a loop; 根据API提供给您的数据结构，您可以在一个循环中循环； eg: 例如：
const data = [ {Fields: [{DisplayName: 'a', DataValue: 1}]}, {Fields: [{DisplayName: 'b', DataValue: 2}, {DisplayName: 'c', DataValue: 3}]}, ]; document.getElementById("test").innerHTML = data.map(({Fields}) => ( Fields.map(({DisplayName, DataValue}) => ( `<p>${DisplayName}: ${DataValue}</p>` )).join('\\n') )).join('\\n');
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>title</title> </head> <body> <p id=test></p> </body> </html>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.