Question

我有像这样的JSON数据 -

＆＃13;

var json = {
	"details": [
	  {
		"A": {
			"Name": "mike",
			"Age": 22
		},
		"B": {
			"Name": "John",
			"Age": 25
		}
	}
	]
}

＆＃13;

我想读A，B点作为数组。

Answer 1

使用json，Object.keys（）执行此操作的另一种方法，因为您的选项不是数组形式，可以使用它转换为数组形式。

var json = {
	"details": [
	  {
		"A": {
			"Name": "mike",
			"Age": 22
		},
		"B": {
			"Name": "John",
			"Age": 25
		}
	}
	]
}

var outputDiv = document.getElementById('output');

var options = Object.keys(json.details[0]).map(function(item){
  return '<option value="'+item+'">'+ item +'</option>'
})
options.unshift('<option value="" > Please select </option>')
var select = document.getElementById('your_options');
select.innerHTML = options.join()
select.onchange = function() {
  outputDiv.innerHTML = JSON.stringify(json.details[0][this.value]);
}

<label>You options</label>
<select id="your_options">
</select>

<div id="output"></div>

Answer 2

让我们假设您从Web服务器

收到以下JSON

'{ "firstName":"Foo", "lastName":"Bar" }'

要访问此数据，首先需要解析原始JSON并形成Javascript对象

let response = JSON.parse('{ "firstName":"Foo", "lastName":"Bar" }');

这形成了一个我们可以相对简单地访问的对象

let firstName = response["firstName"];
let lastName = response["lastName"];

Answer 3

查看有关JSON的javascript文档： http://devdocs.io/javascript-json/

示例：

JSON.parse('{}');              // {}
JSON.parse('true');            // true
JSON.parse('"foo"');           // "foo"
JSON.parse('[1, 5, "false"]'); // [1, 5, "false"]
JSON.parse('null');            // null

如何使用javascript阅读JSON？

3 个答案: