• json对象与字符串相互转换


    复制代码

    JSON 语法

    JSON 语法规则

    在 JS 语言中,一切都是对象。因此,任何支持的类型都可以通过 JSON 来表示,例如字符串、数字、对象、数组等。但是对象和数组是比较特殊且常用的两种类型:
    • 对象表示为键值对
    • 数据由逗号分隔
    • 花括号保存对象
    • 方括号保存数组

    JSON 键/值对

    JSON 键值对是用来保存 JS 对象的一种方式,和 JS 对象的写法也大同小异,键/值对组合中的键名写在前面并用双引号 "" 包裹,使用冒号 : 分隔,然后紧接着值:
    1
    {"firstName": "Json"}
    这很容易理解,等价于这条 JavaScript 语句:
    1
    {firstName : "Json"}

    JSON 与 JS 对象的关系

    很多人搞不清楚 JSON 和 Js 对象的关系,甚至连谁是谁都不清楚。其实,可以这么理解:
    JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。
    1
    var obj = {a: 'Hello', b: 'World'}; //这是一个对象,注意键名也是可以使用引号包裹的
    1
    var json = '{"a": "Hello", "b": "World"}'//这是一个 JSON 字符串,本质是一个字符串


    JSON 和 JS 对象互转

    要实现从对象转换为 JSON 字符串,使用 JSON.stringify() 方法:
     
     
    var json = JSON.stringify({a: 'Hello', b: 'World'}); //结果是 '{"a": "Hello", "b": "World"}'
    要实现从 JSON 转换为对象,使用 JSON.parse() 方法:
     
     
    var obj = JSON.parse('{"a": "Hello", "b": "World"}'); //结果是 {a: 'Hello', b: 'World'}
    //使用json中的parser方法转换;
    
    var str='{"name":"fendouer", "age":23}';      //这是一个json字符串''
    var ob=JSON.parse(str) ;  //返回一个新对象
    console.log(ob.name)
    
    //把json中的stringify对象转换成字符串
    var obj={"student":[{"name":"cyl","age":"21"},{"name":"hyj","age":"23"}]}; //这是一个json对象 var str=obj.student[0].name; var newstr=JSON.stringify(str); //返回一个新字符串 console.log(newstr);
    复制代码

    在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()parse()方法。
    JSON.stringify(obj)       将JSON对象转为字符串。
    JSON.parse(string)       将字符串转为JSON对象格式。

    简单栗子:

    复制代码
    var a={"name":"tom","sex":"男","age":"24"}; 
    var b='{"name":"Mike","sex":"女","age":"29"}'; 
    var aToStr=JSON.stringify(a);             //对象转换成字符串
    var bToObj=JSON.parse(b);                //字符串转换成对象
    alert(typeof(aToStr));                           //string 
    alert(typeof(bToObj));                          //object 
    JSON.stringify();
    复制代码

     扩展:

    jquery中也有将字符串转为JSON格式的方法jquery.parseJSON( json ),接受一个标准格式的 JSON 字符串,并返回解析后的 JavaScript (JSON)对象。当然如果有兴趣可以自己封装一个jquery扩展,jQuery.stringifyJSON(obj)将JSON转为字符串。
    这只是一种方法,还有几种方法,大家可以看一下:


    1) jquery插件支持的转换方式:

    $.parseJSON( jsonstr );

    //jquery.parseJSON(jsonstr), 可以将json字符串转换成json对象。

    复制代码
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>json字符串转为json对象-jQuery.parseJSON()</title>
            <style type="text/css">
                p{
                    white-space: pre-line;
                    font-size: 20px;
                }
            </style>
        </head>
        <body>
            <p><a href="http://www.css88.com/jqapi-1.9/jQuery.parseJSON/">资源链接:http://www.css88.com/jqapi-1.9/jQuery.parseJSON/</a></p>
            <p>jQuery中也有将字符串转为JSON格式的方法jQuery.parseJSON( json ),接受一个标准格式的 JSON 字符串,并返回解析后的 JavaScript (JSON)对象。</p>
            <p>
                描述: 接受一个标准格式的 JSON 字符串,并返回解析后的 JavaScript 值。
                
                从jQuery 3.0开始,不推荐使用$.parseJSON。 要解析JSON字符串,请改用原生的 JSON.parse 方法。
                
                传入格式有误的 JSON 字符串可能导致抛出异常。例如,下面这些无效的 JSON 字符串:
                ---------------------------------------------------
                {test: 1} (test 没有使用双引号包裹).
                {'test': 1} ('test' 用了单引号而不是双引号包裹).
                "{test: 1}" (test 没有使用双引号包裹).
                "{'test': 1}" ('test' 用了单引号而不是双引号包裹).
                "'test'" ('test' 用单引号代替双引号).
                ".1" (number 必须以数字开头; "0.1" 将是有效的).
                "undefined" (undefined 不能表示一个 JSON 字符串; 然而null,可以).
                "NaN" (NaN 不能表示一个 JSON 字符串; 用Infinity直接表示无限也是不允许的).
                ---------------------------------------------------
                
                JSON标准不允许“控制字符”如制表符或换行符。
                比如$.parseJSON('{"testing":"1	2
    3"}'),大多数实现中将抛出一个错误,因为JavaScript分析器直接转换字符串的制表符和换行符为文本的制表符和换行符; 
                产生双反斜杠,例如"1\t2\n3"是预期的结果。
                这个问题往往在服务器端语言,如PHP,JSON注入到一个JavaScript文件时发生。
                
                如果浏览器实现了原生的 JSON.parse, jQuery 则会使用它来解析字符串。
                
                在jQuery 1.9之前,如果传递给$.parseJSON一个空字符串,null, 或者 undefined,,将返回null,而不是抛出一个错误,即使这些都不是有效的JSON。
                
                jQuery 3.0开始,$.parseJSON已经过时(不建议使用)。要将字符串解析成JSON对象,请使用原生的JSON.parse方法来代替。
                
            </p>
            <script src="js/jquery-2.1.0.js"></script>
            <script type="text/javascript">
                //解析一个 JSON 字符串。
                var d = '{"name":"郑秀晶","sex":"女","age":"23","height":"165","weight":"95g"}';
                console.log(d)      //
                console.log(typeof(d))         //string
                
                var obj = jQuery.parseJSON(d); 
                console.log(obj)          //
                console.log(typeof(obj))       //object
                
                console.log( obj.name );      //郑秀晶
                
            </script>
        </body>
    </html>
    复制代码

    2) 兼容:浏览器支持的转换方式(Firefox,chrome,opera,safari,ie9,ie8)等浏览器: 
    JSON.parse(jsonstr);                     //可以将json字符串转换成json对象 
    JSON.stringify(jsonobj);               //可以将json对象转换成json对符串 
    注:ie8(兼容模式),ie7和ie6没有JSON对象,推荐采用JSON官方的方式,引入json.js。

    3) JSON官方的转换方式: 
    http://www.json.org/       提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法; 
    可以在https://github.com/douglascrockford/JSON-js上获取到这个js,一般现在用json2.js。

    4) Javascript支持的转换方式(eval): 
    eval('(' + jsonstr + ')');                  //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号 
    注:ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象,但不推荐这些方式,这种方式不安全eval会执行json串中的表达式。

    复制代码
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>string转object-兼容低版本浏览器(eval实现)</title>
        </head>
        <body>
            <p style="white-space: pre-line; font-size: 18px;">
            ie8(兼容模式),ie7和ie6没有JSON对象,不过http://www.json.org/提供了一个json.js,
            这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法;
            你可以在https://github.com/douglascrockford/JSON-js上获取到这个js,一般现在用json2.js。
    
            ie8(兼容模式),ie7和ie6可以使用eval()将字符串转为JSON对象,
            eval("("+c+")")
            </p>
            
            <!--兼容ie6/7/8--引入json2.js文件-->
            <script src="js/json2.js"></script>
            <script type="text/javascript">
                
                var c='{"name":"郑秀晶","sex":"女","age":"23","height":"165","weight":"95g"}';
                console.log(c);
                console.log(typeof(c));  //string
                
                var cToObj=eval("("+c+")");
                console.log(typeof(cToObj));       //object
                
            </script>
        </body>
    </html>
    复制代码
  • 相关阅读:
    Nginx无缝升级
    ajax form提交的问题
    Ubuntu下pecl_http的安装
    提高PHP的运行效率的方法
    php.ini中文对照
    类似 TP中 eq 标签
    PHP身份证验证程序
    mysql在php中的应用
    如何添加JavaScript到Joomla模板中去
    USACO / Controlling Companies (类似BFS)
  • 原文地址:https://www.cnblogs.com/mz-2015/p/9708827.html
Copyright © 2020-2023  润新知