JavaScript和JSON（JavaScript Object Notation）是緊密相關的兩個概念。JSON作為一種數據格式使用廣泛，而JavaScript則作為一種腳本語言，可以操作JSON數據。下面就來介紹一下JavaScript與JSON的關系。

首先，JSON是一種數據格式，它由鍵值對構成，其中鍵必須為字符串，值可以是字符串、數字、布爾值、數組、對象或null。例如：

{
"name": "張三",
"age": 18,
"isMale": true,
"hobbies": ["reading", "swimming"],
"address": {
"city": "北京",
"street": "朝陽路"
},
"phone": null
}

而JavaScript可以對JSON數據進行解析、序列化、增刪改查等操作。以下是一些簡單的示例：

// 解析JSON字符串并轉為JavaScript對象
var jsonStr = '{"name": "張三", "age": 18}';
var jsonObj = JSON.parse(jsonStr);
console.log(jsonObj.name); // 輸出"張三"
// 將JavaScript對象轉為JSON字符串
var obj = {name: "李四", age: 20};
var jsonStr = JSON.stringify(obj);
console.log(jsonStr); // 輸出'{"name":"李四","age":20}'
// 增加一個新的鍵值對
jsonObj.isMale = false;
console.log(JSON.stringify(jsonObj)); // 輸出'{"name":"張三","age":18,"isMale":false}'
// 刪除一個鍵值對
delete jsonObj.age;
console.log(JSON.stringify(jsonObj)); // 輸出'{"name":"張三","isMale":false}'
// 查找一個值
console.log(jsonObj.hobbies[0]); // 輸出"reading"

另外，在實際應用中，常常需要用到Ajax技術從服務器獲取JSON數據，并在前端頁面上展示。以下是一個簡單的實例：

// 加載JSON數據并渲染到頁面
function loadJson() {
var request = new XMLHttpRequest();
request.open("GET", "data.json", true);
request.onreadystatechange = function() {
if (request.readyState == 4 && request.status == 200) {
var jsonStr = request.responseText;
var jsonObj = JSON.parse(jsonStr);
renderData(jsonObj);
}
};
request.send();
}
// 渲染數據到頁面
function renderData(data) {
var ul = document.createElement("ul");
for (var i = 0; i < data.length; i++) {
var li = document.createElement("li");
li.innerText = data[i].name + "，" + data[i].age;
ul.appendChild(li);
}
document.body.appendChild(ul);
}
loadJson();

以上只是簡單的示例，實際應用中還有許多細節需要處理。總之，JavaScript與JSON是密不可分的，學好JavaScript也必須學好JSON。