访问嵌套的 json 数组字段
Accessing json array fields that are nested
我能够让我的第一个 json 字段集"会议"："名称"会议"："别名"显示在 html 中，但我似乎无法访问深度嵌套在数组中的数组。这些数组包含"部门"："名称"和"部门"："别名"，"团队"："名称"和"团队"："市场"，"排名"："会议"和"排名"："部门"和"排名"："紧握"。首先，我将发布基本的，因为这是我的javascript的模板。但是，我如何添加它以获取我正在寻找的返回值？
$(document).ready(function () {
$('#get-data').click(function () {
var showData = $('#show-data');
$.getJSON('rankings.json', function (data) {
console.log(data);
var conferences = data.conferences.map(function (conferences) {
return conferences.name + ': ' + conferences.alias;
});
showData.empty();
if (conferences.length) {
var content = '<li>' + conferences.join('</li><li>') + '</li>';
var list = $('<ul />').html(content);
showData.append(list);
}
});
showData.text('Loading the JSON file.');
});
});
下面是 Json。
te{
"conferences": [{
"id": "3960cfac-7361-4b30-bc25-8d393de6f62f",
"name": "EASTERN CONFERENCE",
"alias": "EASTERN",
"divisions": [{
"id": "582d6502-9a93-4a8d-8785-69374d732875",
"name": "Atlantic",
"alias": "ATLANTIC",
"teams": [{
"id": "583ecda6-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Raptors",
"market": "Toronto",
"rank": {
"conference": 4,
"division": 1,
"clinched": "division"
}
}, {
"id": "583eccfa-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Celtics",
"market": "Boston",
"rank": {
"conference": 7,
"division": 2,
"clinched": "playoff_berth"
}
}, {
"id": "583ec9d6-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Nets",
"market": "Brooklyn",
"rank": {
"conference": 8,
"division": 3,
"clinched": "playoff_berth"
}
}, {
"id": "583ec87d-fb46-11e1-82cb-f4ce4684ea4c",
"name": "76ers",
"market": "Philadelphia",
"rank": {
"conference": 14,
"division": 4,
"clinched": "eliminated"
}
}, {
"id": "583ec70e-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Knicks",
"market": "New York",
"rank": {
"conference": 15,
"division": 5,
"clinched": "eliminated"
}
}]
}, {
"id": "f3aaf23a-1ceb-46ef-8fef-9403692e801b",
"name": "Central",
"alias": "CENTRAL",
"teams": [{
"id": "583ec773-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Cavaliers",
"market": "Cleveland",
"rank": {
"conference": 2,
"division": 1,
"clinched": "division"
}
}, {
"id": "583ec5fd-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Bulls",
"market": "Chicago",
"rank": {
"conference": 3,
"division": 2,
"clinched": "playoff_berth"
}
}, {
"id": "583ecefd-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Bucks",
"market": "Milwaukee",
"rank": {
"conference": 6,
"division": 3,
"clinched": "playoff_berth"
}
}, {
"id": "583ec7cd-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Pacers",
"market": "Indiana",
"rank": {
"conference": 9,
"division": 4,
"clinched": "eliminated"
}
}, {
"id": "583ec928-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Pistons",
"market": "Detroit",
"rank": {
"conference": 12,
"division": 5,
"clinched": "eliminated"
}
}]
}, {
"id": "54dc7348-c1d2-40d8-88b3-c4c0138e085d",
"name": "Southeast",
"alias": "SOUTHEAST",
"teams": [{
"id": "583ecb8f-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Hawks",
"market": "Atlanta",
"rank": {
"conference": 1,
"division": 1,
"clinched": "conference"
}
}, {
"id": "583ec8d4-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Wizards",
"market": "Washington",
"rank": {
"conference": 5,
"division": 2,
"clinched": "playoff_berth"
}
}, {
"id": "583ecea6-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Heat",
"market": "Miami",
"rank": {
"conference": 10,
"division": 3,
"clinched": "eliminated"
}
}, {
"id": "583ec97e-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Hornets",
"market": "Charlotte",
"rank": {
"conference": 11,
"division": 4,
"clinched": "eliminated"
}
}, {
"id": "583ed157-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Magic",
"market": "Orlando",
"rank": {
"conference": 13,
"division": 5,
"clinched": "eliminated"
}
}]
}]
}, {
"id": "7fe7e212-de01-4f8f-a31d-b9f0a95731e3",
"name": "WESTERN CONFERENCE",
"alias": "WESTERN",
"divisions": [{
"id": "12bf14ba-eb16-4c6f-8275-e801b6947c1e",
"name": "Northwest",
"alias": "NORTHWEST",
"teams": [{
"id": "583ed056-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Trail Blazers",
"market": "Portland",
"rank": {
"conference": 4,
"division": 1,
"clinched": "division"
}
}, {
"id": "583ecfff-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Thunder",
"market": "Oklahoma City",
"rank": {
"conference": 9,
"division": 2,
"clinched": "eliminated"
}
}, {
"id": "583ece50-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Jazz",
"market": "Utah",
"rank": {
"conference": 11,
"division": 3,
"clinched": "eliminated"
}
}, {
"id": "583ed102-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Nuggets",
"market": "Denver",
"rank": {
"conference": 12,
"division": 4,
"clinched": "eliminated"
}
}, {
"id": "583eca2f-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Timberwolves",
"market": "Minnesota",
"rank": {
"conference": 15,
"division": 5,
"clinched": "eliminated"
}
}]
}, {
"id": "f074cb3e-90cf-42e1-8067-cdbcd99ec230",
"name": "Pacific",
"alias": "PACIFIC",
"teams": [{
"id": "583ec825-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Warriors",
"market": "Golden State",
"rank": {
"conference": 1,
"division": 1,
"clinched": "conference"
}
}, {
"id": "583ecdfb-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Clippers",
"market": "Los Angeles",
"rank": {
"conference": 3,
"division": 2,
"clinched": "playoff_berth"
}
}, {
"id": "583ecfa8-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Suns",
"market": "Phoenix",
"rank": {
"conference": 10,
"division": 3,
"clinched": "eliminated"
}
}, {
"id": "583ed0ac-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Kings",
"market": "Sacramento",
"rank": {
"conference": 13,
"division": 4,
"clinched": "eliminated"
}
}, {
"id": "583ecae2-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Lakers",
"market": "Los Angeles",
"rank": {
"conference": 14,
"division": 5,
"clinched": "eliminated"
}
}]
}, {
"id": "1d29f94c-9587-494b-a232-feb20a40eb4c",
"name": "Southwest",
"alias": "SOUTHWEST",
"teams": [{
"id": "583ecb3a-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Rockets",
"market": "Houston",
"rank": {
"conference": 2,
"division": 1,
"clinched": "division"
}
}, {
"id": "583eca88-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Grizzlies",
"market": "Memphis",
"rank": {
"conference": 5,
"division": 2,
"clinched": "playoff_berth"
}
}, {
"id": "583ecd4f-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Spurs",
"market": "San Antonio",
"rank": {
"conference": 6,
"division": 3,
"clinched": "playoff_berth"
}
}, {
"id": "583ecf50-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Mavericks",
"market": "Dallas",
"rank": {
"conference": 7,
"division": 4,
"clinched": "playoff_berth"
}
}, {
"id": "583ecc9a-fb46-11e1-82cb-f4ce4684ea4c",
"name": "Pelicans",
"market": "New Orleans",
"rank": {
"conference": 8,
"division": 5,
"clinched": "playoff_berth"
}
}]
}]
}]
}
我不确定您要实现什么，但也许您想在 HTML 中获得树状结构？
$(document).ready(function () {
$('#get-data').click(function () {
var showData = $('#show-data');
$.getJSON('rankings.json', function (data) {
console.log(data);
var conferences = data.conferences.map(function (conference) {
var conf = $('<li />').text(conference.name + ': '+ conference.alias);
var divisions = conference.divisions.map(function (division) {
var divisionLi = $('<li />').text(division.name + ': '+ division.alias);
var teams = division.teams.map(function (team) {
return $('<li />').text(team.name +
': '+ team.market + ' | ' +
team.rank.conference + ' : ' +
team.rank.division + ' : ' +
team.rank.clinched);
});
$('<ul />').html(teams).appendTo(divisionLi);
return divisionLi;
});
$('<ul />').html(divisions).appendTo(conf);
return conf;
});
showData.empty();
if (conferences.length) {
var list = $('<ul />').html(conferences);
showData.append(list);
}
});
showData.text('Loading the JSON file.');
});
});
相关文章：
- 如何在 for 循环中访问 json 数组字段的名称
- 如何通过向用户推送模式引用来更新用户对象's数组字段
- 访问嵌套的 json 数组字段
- PHP 从“选择 - 数组”字段中填充文本框
- 在 Rally SDK 2 中，如何更新数组字段，例如在变更集的工件上
- 遍历 html 模板中的数组字段
- 如何通过按数组字段选择来检索MongoDB文档
- Jquery 添加未传递给 php 的输入数组字段
- 如何在JSON数组字段的基础上从主干集合中提取模型
- 引用到另一个类的数组字段数组字段没有't刷新
- PHP中的HTML数组字段解析
- mongoose.js:我如何从引用的子数组中删除一个属性，同时使用填充和使用其中一个子数组字段作为过滤器
- js serialize()可以处理数组字段名吗?
- 在数组字段上展平嵌套的对象数组
- 如何在mongodb的子文档模式结构中更新数组字段
- 数组字段的弹性搜索日期范围过滤器
- 当数组字段为空时，替换值不能正常工作
- 如何从dc.js / crossfilter / d3中的数组字段中选择元素，并将每个元素用作图表的单独数据点
- 当我从模型中的数组字段中添加或删除对象时，Ember不更新模板
- 从javascript中设置postgres数组字段为null
