json对象和字符串的相互转换

最新推荐文章于 2022-02-18 18:57:59 发布

虞姬匠

最新推荐文章于 2022-02-18 18:57:59 发布

阅读量227

点赞数

复制代码
//使用json中的parse方法转换；

var str=’{“name”:“fendouer”, “age”:23}’; //这是一个json字符串’’
var ob=JSON.parse(str) ; //返回一个新对象
console.log(ob.name)

//把json中的stringify对象转换成字符串

简单栗子：

复制代码
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转为字符串。
这只是一种方法，还有几种方法，大家可以看一下：

jquery插件支持的转换方式：

$.parseJSON( jsonstr );

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

复制代码

json字符串转为json对象-jQuery.parseJSON()

资源链接：http://www.css88.com/jqapi-1.9/jQuery.parseJSON/

jQuery中也有将字符串转为JSON格式的方法jQuery.parseJSON( json )，接受一个标准格式的 JSON 字符串，并返回解析后的 JavaScript （JSON）对象。

描述: 接受一个标准格式的 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\t2\n3"}')，大多数实现中将抛出一个错误，因为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>

复制代码

兼容：浏览器支持的转换方式(Firefox，chrome，opera，safari，ie9，ie8)等浏览器：
JSON.parse(jsonstr); //可以将json字符串转换成json对象
JSON.stringify(jsonobj); //可以将json对象转换成json对符串
注：ie8(兼容模式),ie7和ie6没有JSON对象，推荐采用JSON官方的方式，引入json.js。
JSON官方的转换方式：
http://www.json.org/ 提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法；
可以在https://github.com/douglascrockford/JSON-js上获取到这个js，一般现在用json2.js。
Javascript支持的转换方式（eval）：
eval(’(’ + jsonstr + ‘)’); //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号
注：ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象，但不推荐这些方式，这种方式不安全eval会执行json串中的表达式。

复制代码

string转object-兼容低版本浏览器（eval实现）

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>

js 将json字符串转换为json对象的方法解析
将json字符串转换为json对象的方法。在数据传输过程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键

例如：

JSON字符串:
var str1 = ‘{ “name”: “cxh”, “sex”: “man” }’;
JSON对象:
var str2 = { “name”: “cxh”, “sex”: “man” };

一、JSON字符串转换为JSON对象

要使用上面的str1，必须使用下面的方法先转化为JSON对象：

//由JSON字符串转换为JSON对象

var obj = eval(’(’ + str + ‘)’);

或者

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象

或者

var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

然后，就可以这样读取：

Alert(obj.name);

Alert(obj.sex);

特别注意：如果obj本来就是一个JSON对象，那么使用eval（）函数转换后（哪怕是多次转换）还是JSON对象，但是使用parseJSON（）函数处理后会有问题（抛出语法异常）。

二、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。

例如：

var last=obj.toJSONString(); //将JSON对象转化为JSON字符

或者

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

alert(last);

注意：

上面的几个方法中，除了eval()函数是js自带的之外，其他的几个方法都来自json.js包。新版本的 JSON 修改了 API，将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面，前者变成了 Object.toJSONString()，而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法，则说明您的json包版本太低。

虞姬匠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
json对象和字符串的相互转换

复制代码//使用json中的parse方法转换；var str=’{“name”:“fendouer”, “age”:23}’; //这是一个json字符串’’var ob=JSON.parse(str) ; //返回一个新对象console.log(ob.name)//把json中的stringify对象转换成字符串var obj={“student”:[{“name”:...
复制链接

扫一扫