在前端開發中，我們經常會用到 JSON 數據。而如果我們想在頁面上輸出 JSON 的值，就需要使用到 JavaScript 的相關方法。

首先，我們需要定義一個 JSON 數據：

var user = {
"name": "Lucy",
"age": 18,
"gender": "female"
};

接下來，我們可以使用JSON.stringify()方法將 JSON 對象轉換為字符串：

var userData = JSON.stringify(user);
console.log(userData);

上面的代碼會在控制臺輸出：

{"name":"Lucy","age":18,"gender":"female"}

我們也可以使用JSON.parse()方法將字符串轉換回 JSON 對象，并獲取其中的每個值：

var userData = '{"name":"Lucy","age":18,"gender":"female"}';
var userObj = JSON.parse(userData);
console.log(userObj.name);
console.log(userObj.age);
console.log(userObj.gender);

上面的代碼會分別輸出：

Lucy
18
female

因此，我們可以通過JSON.stringify()和JSON.parse()兩個方法來輸出 JSON 的值。