Javascript、JSON - 创建 Table
Javascript, JSON - Create Table
我有一个 JSON 数组,例如:
[{
"name": "abc", "month":"Jan-15","value":xyz
},{
"name": "bcd", "month":"Jan-15","value":xyz
},{
"name": "abc", "month":"Feb-15","value":xyz
},{
"name": "bcd", "month":"Feb-15","value":xyz
}]
没有。的 "names" 可能因月而异。但不是。的 "month" 保持不变。
我需要创建表格概览:
Name Jan-15 Feb- 15 ...... Dec-15
abc value value ..... value
bcd value value ..... value
我是 Javascript 的新手,我真的不知道如何在正确的列和行中获取值。虽然我知道如何动态添加行。
我应该选择 "pure" 解决方案还是更好地检查框架,例如AngularJS ?
编辑:我已经从数组中提取了 "Months" 和 "Names",我需要做类似的事情:value = 检查数组中的这个特定的 "name" 和 return对应"value".
如何在 JS 中写这个?
这取决于您的数据对象的形式。如果您有数组对象或字符串对象,则需要使用 JSON.parse 才能使用索引和值。
如果是,那么您将需要 JSON.parse(data).name 到 return 您的名称值。
JSON.parse(data).month 代表你的月份,当然还有 JSON.parse(data).value 到 return xyz 值。
如果您的数据已经是一个 JSON 对象,那么您只需相应地使用 data.name、data.month 和 data.value。
这些链接可能会帮助您了解基础知识,遵循语法和示例。
http://www.w3schools.com/js/js_json.asp
http://www.w3schools.com/json/json_eval.asp
http://www.json.org/js.html and https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse
我有一个 JSON 数组,例如:
[{
"name": "abc", "month":"Jan-15","value":xyz
},{
"name": "bcd", "month":"Jan-15","value":xyz
},{
"name": "abc", "month":"Feb-15","value":xyz
},{
"name": "bcd", "month":"Feb-15","value":xyz
}]
没有。的 "names" 可能因月而异。但不是。的 "month" 保持不变。
我需要创建表格概览:
Name Jan-15 Feb- 15 ...... Dec-15
abc value value ..... value
bcd value value ..... value
我是 Javascript 的新手,我真的不知道如何在正确的列和行中获取值。虽然我知道如何动态添加行。 我应该选择 "pure" 解决方案还是更好地检查框架,例如AngularJS ?
编辑:我已经从数组中提取了 "Months" 和 "Names",我需要做类似的事情:value = 检查数组中的这个特定的 "name" 和 return对应"value".
如何在 JS 中写这个?
这取决于您的数据对象的形式。如果您有数组对象或字符串对象,则需要使用 JSON.parse 才能使用索引和值。 如果是,那么您将需要 JSON.parse(data).name 到 return 您的名称值。 JSON.parse(data).month 代表你的月份,当然还有 JSON.parse(data).value 到 return xyz 值。 如果您的数据已经是一个 JSON 对象,那么您只需相应地使用 data.name、data.month 和 data.value。 这些链接可能会帮助您了解基础知识,遵循语法和示例。 http://www.w3schools.com/js/js_json.asp http://www.w3schools.com/json/json_eval.asp http://www.json.org/js.html and https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse