JavaScript对JSON的操作总结

最新推荐文章于 2024-07-04 02:32:51 发布

X-rapido

最新推荐文章于 2024-07-04 02:32:51 发布

阅读量1k

点赞数 1

分类专栏：前端页面框架文章标签： JSON

前端页面框架专栏收录该内容

59 篇文章

订阅专栏

本文介绍了JSON的基本概念，包括其结构特点、对象与数组的区别，并详细讲解了JSON对象和JSON字符串的转换方法。此外，还提供了遍历JSON对象及数组的具体示例，并分享了一种将多个JSON对象合并为单一JSON对象的技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

查看原文：http://www.ibloger.net/article/1863.html

JSON对象输出：var jsonStr = JSON.stringify( obj );

字符串转JSON：

  var bToObj=JSON.parse(b);
  jQuery.parseJSON(json);
  
  var c='{"name":"Mike","sex":"女","age":"29"}';
  var jsonObj=eval("("+c+")");

示例

	$.post("/trade/pay/vesta/firstPaymentMobilePwd.do", {
    				"TermSsn"		: orderNo,
	    			"PayBank"		: bankCode,
	    			"AccountType" 	: accountType,
	    			"AccountNo" 	: accountNo,
	    			"ValidateDate" 	: validateDate,
	    			"EncodeData" 	: encodeData,
	    			"PayCardName"	: encodeURI(payCardName),
    				"IdNo"			: idNo,
    				"MobileNo" 		: mobileNo
    				
    			}, function(data){
    				if(data.code == 0){
    					
    				}else{
    					alert(data.errorDescription);
    				}
    				console.info("data loaded: "+data);
    				console.info(JSON.stringify(data));
			},"json");

一、概述

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

在JSON中，有两种结构：对象和数组。

1.对象

一个对象以“{”开始，“}”结束。每个“key”后跟一“:”，“‘key/value’ 对”之间运用 “,”分隔。

packJson = {"name":"nikita", "password":"1111"}

2.数组

packJson = [{"name":"nikita", "password":"1111"}, {"name":"tony", "password":"2222"}];

数组是值的有序集合。一个数组以“[”开始，“]”结束。值之间运用 “,”分隔。

二、JSON对象和JSON字符串的转换

在数据传输流程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如：

JSON字符串：

var jsonStr = '{"name":"nikita", "password":"1111"}';

JSON对象：

var jsonObj = {"name":"nikita", "password":"1111"};

2、String转换为Json

var myObject = eval('(' + myJSONtext + ')');

eval是js自带的函数，不是很安全，可以考虑用json包。

三、遍历JSON对象

myJson = {"name":"nikita", "password":"1111"};

for(var p in myJson){//遍历json对象的每个key/value对,p为key

   alert(p + " " + myJson[p]);

}

运行结果：

四、遍历JSON数组

packJson = [

{"name":"nikita", "password":"1111"},

{"name":"tony", "password":"2222"}

];

for(var p in packJson){//遍历json数组时，这么写p为索引，0,1

   alert(packJson[p].name + " " + packJson[p].password);

}

我更倾向于这种写法：

for(var i = 0; i < packJson.length; i++){

   alert(packJson[i].name + " " + packJson[i].password);

}

运行结果：

五、将两个JSON对象组装到一个里面

//targetJson 目标JSON，packJson 被组装JSON

function addGroupJson(targetJson, packJson){

    if(targetJson && packJson){

       for(var p in packJson){

           targetJson[p] = packJson[p];

       }

    }

}

用法如下：

var json1 = {"name":"nikita"};
var json2 = {"password":"1111"};
addGroupJson(json1, json2);
alert(json2str(json1));

运行结果：