如何使用 javascript 读取 JSON？答案

【问题标题】：How to read JSON using javascript?如何使用 javascript 读取 JSON？
【发布时间】：2023-03-27 16:33:01
【问题描述】：

我有这样的 JSON 数据 -

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

我想将 A、B 点作为数组读取。

【问题讨论】：

如何访问json对象-> stackoverflow.com/questions/10895306/…
您肯定有一段代码，我们可以帮助您改进。我们不会编写您的代码。
我有一个小的地方，我只是在解析为 json 创建的变量。

标签： javascript jquery json

【解决方案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>

【讨论】：

感谢@Mosd 的回答。我一定会试试这个。感谢您的帮助。
酷...如果它符合您的要求，请不要忘记接受答案。
是的。谢谢你！你拯救了我的一天。这就是确切的答案。

【解决方案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"];

【讨论】：

【解决方案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

【讨论】：