JS基础-JSON

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        /*
        JSON:
        JavaScript Object Notation JS对象表示法;
        JSON和JS对象的格式一样,只不过JSON字符串中的属性名必须要加双引号 双引号 双引号;
            其它的和JS语法一致.
        备注:单引号写在{}外,每个属性名都必须用双引号。

        比如,下面属性加单引号做法是不正确的:
        "{'arr':[1,2,3]}"
        正确做法如下:
        [1,2,3,"hello",true]'
        
        JSON分类:
        1 对象{}
        2 数组{}

        JSON中允许的值:
        1 字符串
        2 数值
        3 布尔值
        4 null
        5 对象(不能是函数对象,只能是普通对象,类似于python中的字典.
        6 数组
        */
        // 创建一个对象(以下的代码都可以叫做JSON)
        var obj = '{"name":"孙悟空", "age":18, "gender":"男"}';
        var arr = '[1,2,3,"hello",true]';
        var obj2 = '{"arr":[1,2,3]}';
        var arr2 = '[{ "name":"孙悟空", "age":18, "gender":"男"}, { "name": "孙悟空", "age": 18, "gender": "男" }]';
        console.log(typeof(obj));
        /*
        将JSON字符串,转换为JS的对象
            在JS中,为我们提供了一个工具类,就叫JSON
            这个对象可以帮助我们将一个JSON转换为JS对象,也可以将一个JS对象,转换为JSON字符串.
        */
        /*
        JSON---->JS对象
            JSON.parse()
                -可以将JSON字符串转为JS对象
                -它需要一个JSON字符串作为参数,会将字符串转换为JS对象并返回
        */
        var json1 = '{"name":"孙悟空", "age":18, "gender":"男"}';
        var nObj = JSON.parse(json1);
        var nArr = JSON.parse(arr);
        var nArr2 = JSON.parse(arr2);
        console.log(typeof(nObj));
        console.log(nArr);
        console.log(typeof(nArr2));
        console.log(nObj);
        console.log(nArr);
        console.log(nArr2);

        /*
        JS对象---->JSON
            JSON.stringify()
                -可以将JS对象转为JSON字符串
                -需要一个JS对象作为参数,会返回一个JSON字符串
        */
        var test = { name: "孙悟空", age: 18, gender: "男" };
        var jsonTest = JSON.stringify(test);
        console.log(typeof(jsonTest));
        console.log(jsonTest);

    </script>
</head>
<body>
    
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值