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