此示例使用 HTML + Canvas 實現滑動拼圖驗證碼。Canvas繪制帶隨機缺口的背景，獨立滑塊按鈕監聽滑鼠/觸摸拖拽，實時將滑塊位置映射到Ca...
JSON.STRINGIFY示例代碼
雲端運算與程式碼
2023年05月25日 21:35 711
訪客
以下是一組JSON.STRINGIFY示例代碼，使用 HTML 演示 JSON.stringify() 方法的用法：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSON.stringify() 示例</title>
<script type="text/javascript">
let data = {
name: "張三",
age: 20,
address: "北京市朝陽區",
hobbies: ['音樂', '電影', '旅遊'],
isStudent: true,
gender: null
};
let jsonStr = JSON.stringify(data);
console.log(jsonStr);
</script>
</head>
<body>
<h1>JSON.stringify() 示例</h1>
<p>輸出結果請見控制臺。</p>
</body>
</html>這段代碼使用了一個 JavaScript 對象 `data`，該對象包含了一些屬性，如姓名、年齡、地址、愛好、是否為學生、性別等。接著調用 `JSON.stringify()` 方法，將 `data` 對象轉換成了 JSON 格式的字符串，並將結果打印到控制臺中。
其中：
- `JSON.stringify()` 是一個用於將 JavaScript 對象轉換成 JSON 字符串的方法。
- `data` 是一個包含了多個屬性的 JavaScript 對象，用於演示如何使用 `JSON.stringify()` 方法。
- `console.log()` 是一個調試方法，用於將結果輸出到控制臺中，以方便開發人員查看。
註意，在鍵盤按F12打開控制臺，就看到打印出來的元素了。截圖如下圖：
標籤： JSON.STRINGIFY
相關文章
