js 数组、对象转json 以及json转数组、对象

超、凢脫俗 2022-11-09 12:49 348阅读 0赞

## 1、JS对象转JSON ##

方式：`JSON.stringify(obj)`

var json = {"name":"iphone","price":666}; //创建对象；
    var jsonStr = JSON.stringify(json);       //转为JSON字符串
    console.log(jsonStr);

## 2、JS数组转JSON ##

//数组转json串
    var arr = [1,2,3, { a : 1 } ];
    JSON.stringify( arr );

## 3、JS对象数组转JSON ##

//数组转json串
    var arr = [1,2,3, { a : 1 } ];
    JSON.stringify( arr );

## 4、JSON转JS数组 ##

//json字符串转数组
    var jsonStr = '[1,2,3,{"a":1}]';
    var jsarr=JSON.parse( jsonStr );
    alert(jsarr[0]);

## 5、JSON转JS对象 ##

var jsonString = '{"bar":"property","baz":3}';
    var jsObject = JSON.parse(jsonString);    //转换为json对象
    alert(jsObject.bar);    //取json中的值

## JS中的数组转变成JSON格式字符串的方法 ##

有一个JS数组，如：

var arr = [["projectname1","projectnumber1"],["projectname2","projectnumber2"],["projectname3","projectnumber3"]];

想将此数组转换成JSON字符串，如：

var jsonarr = [{"projectname":projectname1,"projectnumber":projectnumber1},{"projectname":projectname2,"projectnumber":projectnumber2},{"projectname":projectname3,"projectnumber":projectnumber3}];

方法如下：

## Js 数组转JSON格式 ##

var arrays=new Array();
    	//JSON.stringify() 不能转下标非1,2,3这种数字的数组,
    	//所以采用新建对象的方式添加数据
    	var products={};
    	products['productid']='32';
    	products['name']='手机';
    	arrays.push(products);
    
    	products['productid']='33';
    	products['name']='电脑';
    	arrays.push(products);
    	
    var json_arrays = JSON.stringify(arrays);
    console.log(json_arrays);

![20191219092806526.png][]

## jquery里把数组转换成json的相关方法。 ##

首先来看，jquery里自带的，和json相关的函数：

**1.`$.parseJSON` : 用来解析JSON字符串，返回一个对象。**

什么叫“JSON字符串”?

比如：

var a={name:"aijquery",url:"www.aijquery.cn"};

上面定义的变量`a`是个`JSON`对象，我们可以直接用“`a.name`”或“`a.url`”来访问内容的数据。

var a="{name:'aijquery',url:'www.aijquery.cn'}";

上面定义的变量a就是一个符合JSON数据结构的字符串，可以叫做“JSON字符串”.

PS:关于`$.parseJSON`的用法，可以参考站长以前写的这篇文章：

`jquery`里把字符串转为`json`对象的四种方法，及每种方法的优缺点

**2. `serializeArray()` : 序列化表格元素 ,返回JSON数据结构数据。**

虽然函数里有个"`Array`"，但和本篇我们要说的“数组转JSON”无关，`serializeArray()`这个函数是用来获取表单数据的，和`serialize()`不同，`serializeArray()`返回的是`JSON`格式的数据。

因为jquery就是在JS的基础上而来的，所以一些JS里的函数，我们在jquery里也是能直接用的，下面来看看JS里和JSON相关的两个函数：

*  `JSON.parse(text)` ： 用于将一个 JSON 字符串转换为JSON对象。
 *  `JSON.stringify()`： 用于将一个"值"转换为 JSON 字符串。

本章我们要说的，把数组转换成JSON，主要用到的就是 " `JSON.stringify()` "。

转载地址：[https://blog.csdn.net/WuLex/article/details/103574564?utm\_medium=distribute.pc\_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control&dist\_request\_id=1328642.50438.16157747144891533&depth\_1-utm\_source=distribute.pc\_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control][https_blog.csdn.net_WuLex_article_details_103574564_utm_medium_distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control_dist_request_id_1328642.50438.16157747144891533_depth_1-utm_source_distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control]

[20191219092806526.png]: /images/20221023/890d85f0e2d645ab8fa0f894c1b1e375.png
[https_blog.csdn.net_WuLex_article_details_103574564_utm_medium_distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control_dist_request_id_1328642.50438.16157747144891533_depth_1-utm_source_distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control]: https://blog.csdn.net/WuLex/article/details/103574564?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control&dist_request_id=1328642.50438.16157747144891533&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control