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

JavaScript 专栏收录该内容
42 篇文章 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}];

方法如下:

function tojson(arr){ 
  if(!arr.length) return null; 
  var i = 0; 
  len = arr.length, 
  array = []; 
  for(;i<len;i++){ 
    array.push({"projectname":arr[i][0],"projectnumber":arr[i][1]}); 
  } 
  return JSON.stringify(array); 
}

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);

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

  • 2
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值