zl程序教程

您现在的位置是:首页 >  IT要闻

当前栏目

学习JSON,从这里开始!

2023-04-18 14:30:00 时间
一、JSON 是什么?

JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式,易于人阅读和编写。

二、JSON 两种形式
1、键值对形式

{key1:value1, key2:value2, ...}

2、数组形式

[value1, value2 ...]

3、类型说明
  • key 的类型是 string;
  • value 有七种类型可用:object、array、string、number、true、false、null;
三、怎么使用?
1、JavaScript 中使用 JSON

JSON 是 浏览器 内置对象,无需下载,可以直接使用,有两个方法:JSON.stringify 和 JSON.parse。新建 test.html 并复制下面代码到文件中,用浏览器打开test.html,在控制台即可看到输出结果。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>JSON使用方法</title>
</head>

<script>

    function test() {
        Json2String();
        String2Json();
    }

    function Json2String() {
        var object = {}, params = [];
        for (var i = 0; i < 2; i++) {
            var obj = {};
            obj[i] = "abc";
            params.push(obj);

        }
        object['obj'] = { key: "value" };
        object['array'] = params;
        object['name'] = 'jack';
        object['age'] = 25;
        object['true'] = true;
        object['false'] = false;
        object['null'] = null;

        var json = JSON.stringify(object);
        console.log("Json2String : ", json);
        // 输出结果:{"obj":{"key":"value"},"array":[{"0":"abc"},{"1":"abc"}],"name":"jack","age":25,"true":true,"false":false,"null":null}
    }

    function String2Json() {
        var jsonString = '{"obj":{"key":"value"},"array":[{"0":"abc"},{"1":"bc"}],"name":"jack","age":25,"true":true,"false":false,"null":null}';
        var json = JSON.parse(jsonString);
        console.log("String2Json : ", json);
    }

</script>

<body onload="test()">
    <p>JSON使用方法!</p>
</body>

</html>
2、其他语言使用 JSON

其他语言都有其对应的库可供使用,详见 JSON 官方网站。

四、参考文档