js接收json总结 new Function,eval,new Array

关注

翻译最新推荐文章于 2026-08-04 15:33:46 发布 2.2k 阅读 AI 写同款· GEO 优化 ›

JSON.parse与stringify：JavaScript数据交换的底层原理与工程实践 JSON是一种跨语言通用的数据交换格式，其核心能力依赖于JavaScript内置的JSON.parse和JSON.stringify两个函数。它们并非语法糖，而是严格遵循JSON标准的序列化与反序列化机制，承担着数据边界校验、类型安全转换和跨环境互通的关键职责。理解其对undefined、Date、BigInt、循环引用等特殊类型的处理逻辑，是保障Web API通信、localStorage持久化及前后端协作稳定性的基础。本文深入解析其设计哲学、常见陷阱与生产级最佳实践，帮助开发者构建健壮、可维护的数据交互阅读详情

①从json数据的形式来区分

a.json数据格式为单条，如下
data = {"id":108150,"avaliable":"Y","code":"0009","name":"test","parentId":0,"shortName":"test"}
这时，可以通过 js的 eval 函数和new Function() 匿名函数来实现

function initAvaliable() {
	$.ajax({
		//调用后台util/comboxData/{syscode}/{code}
		url: "util/comboxData/appConfigSystem/avaliable",
		dataType: 'json',
		success: function(data){
			//返回数据
     			var objFunc = new Function("return" + data)();  // new Function 方法
			var objEval = eval("("+data+")"); // eval 函数方法	
			alert(objFunc.id+"--"+objEval.id); // 显示为 108150--108150
		}
	});
}

②json 数据格式为多条，如下
data = [{"id":100450,"code":"aaa","name":"性质1","memo":"aaaa"},
{"id":100451,"code":"bbb","name":"性质2","memo":"aaaa"},{"id":100452,"code":"ccc","name":"性质3","memo":"备注备注123123123123"}]
这时可以通过 new Array 数组来转换

function initAvaliable() {
	$.ajax({
		//调用后台util/comboxData/{syscode}/{code}
		url: "util/comboxData/appConfigSystem/avaliable",
		dataType: 'json',
		success: function(data){
			//返回数据
			var dataArr2 = new Array(); // 创建数组
			dataArr2=dataArr2.concat(data);        // 合并数组
			alert(dataArr2[0].id+"--"+dataArr2[0].name); //显示 100450--性质1 
		}
	});
}