去哪铺资源网

JSON.STRINGIFY示例代码

以下是一组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示例代码 第1张

搜索
分类最新
分类热门
分类猜你喜欢
© Copyright去哪铺.Z-Blog.Some Rights Reserved.粤公网安备 44170202000251号 粤ICP备15035385号-2 免责声明 帮助中心 编程文档