在JavaScript中，JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于人阅读和编写，同时也易于机器解析和生成，JSON对象在JavaScript中通常以键值对的形式存在，类似于JavaScript的普通对象，本文将详细介绍如何从JSON中获取值。
我们需要了解JSON的基本结构，一个JSON对象由一对大括号包围的键值对组成。
{
"name": "John",
"age": 30,
"city": "New York"
}
在上面的例子中，name、age和city是键，而"John"、30和"New York"是与这些键相关联的值。
在JavaScript中，我们可以将JSON字符串转换为JavaScript对象，这样就可以像操作普通对象一样操作JSON对象了，这个过程称为解析（parsing），以下是如何解析JSON字符串并获取值的示例：
// JSON字符串
var jsonString = '{"name": "John", "age": 30, "city": "New York"}';
// 使用JSON.parse()方法将JSON字符串转换为JavaScript对象
var obj = JSON.parse(jsonString);
// 通过键名获取值
console.log(obj.name); // 输出: John
console.log(obj.age); // 输出: 30
console.log(obj.city); // 输出: New York
在上面的代码中，我们首先定义了一个名为jsonString的变量，它包含了一个JSON字符串，我们使用JSON.parse()方法将这个字符串转换为一个JavaScript对象obj，我们通过键名（如obj.name、obj.age和obj.city）来访问对应的值。
除了直接通过键名访问值之外，我们还可以使用for...in循环遍历JSON对象的所有属性：
for (var key in obj) {
console.log(key + ": " + obj[key]);
}
这将输出所有键值对，
name: John age: 30 city: New York
如果JSON数据是从外部文件（如服务器）获取的，通常会以异步的方式加载，在这种情况下，我们可以使用fetch API或者XMLHttpRequest来获取JSON数据，并通过回调函数处理解析后的对象，以下是使用fetch API的示例：
fetch('https://api.example.com/data.json')
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json(); // 解析JSON字符串
})
.then(data => {
// 这里data是一个JavaScript对象，可以像之前一样访问它的属性
console.log(data.name);
console.log(data.age);
console.log(data.city);
})
.catch(error => {
console.error('Fetching JSON failed:', error);
});
在这个例子中，我们使用fetch函数从服务器获取JSON数据，我们使用.then()链来处理响应，我们检查响应状态是否正常，如果正常，我们调用.json()方法来解析JSON字符串，我们通过回调函数访问解析后的对象的属性。
总结来说，获取JSON值的过程包括解析JSON字符串为JavaScript对象，然后通过键名访问对应的值，在实际应用中，我们可能会从外部资源异步加载JSON数据，这时需要使用fetch API或其他方法来处理异步操作，通过掌握这些技巧，我们可以轻松地在JavaScript中处理JSON数据。