JSON是一種輕量級的數據交換格式，通常用于前后端數據傳輸。在前端開發中，我們經常需要將JSON字符串解析成具體的鍵值對變量，以便在代碼中使用。下面我們來看看如何將JSON拆分為鍵值對變量。

// 假設我們有一個JSON字符串
var jsonStr = '{"name": "Tom", "age": 18, "gender": "male"}';
// 將JSON字符串解析為JSON對象
var jsonObj = JSON.parse(jsonStr);
// 獲取所需的鍵值對變量
var name = jsonObj.name;
var age = jsonObj.age;
var gender = jsonObj.gender;

這里我們使用了JSON對象的一個方法——JSON.parse()來將JSON字符串解析為JSON對象。解析完成后，我們就可以通過對象的屬性獲取我們需要的鍵值對變量了。

上述代碼實現了將JSON拆分為鍵值對變量的基本操作，但實際情況中，我們常常需要從復雜的JSON數據中提取特定的數據。這時候我們可以使用for-in循環來遍歷JSON對象的所有屬性，或使用點號和方括號來訪問嵌套的屬性。

// 假設我們有一個復雜的JSON數據
var jsonData = {
"name": "Tom",
"age": 18,
"gender": "male",
"address": {
"province": "Guangdong",
"city": "Shenzhen",
"detail": {
"street": "Xidan Road",
"number": "888"
}
},
"hobbies": ["reading", "swimming", "traveling"]
};
// 使用點號和方括號訪問嵌套的屬性
var province = jsonData.address.province;
var street = jsonData["address"]["detail"]["street"];
var hobby = jsonData.hobbies[1];
// 使用for-in循環遍歷JSON對象的屬性
for (var key in jsonData) {
console.log(key + ": " + jsonData[key]);
}

通過上述代碼，我們能夠更加靈活地處理JSON數據，提取出我們需要的鍵值對變量。