以下是一组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打开控制台,就看到打印出来的元素了。截图如下图:
