详解js中Json的语法与格式
更新时间：2016年11月22日 11:29:06 作者：逆心
本文详细介绍了js中Json的语法与编写格式，有需要的朋友可以看下
JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。
由于这种相似性，无需解析器，JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。
JSON语法规则:
数据在 名称/值 对仲
数据由逗号分隔
花括号保存对象
方括号保存数组
JSON 名称/值 对介绍
"name":"张飞", "age":23
Json的值可以是：
数字(整数或浮点数)
字符串(要包括在双引号中)
逻辑值(true或false)
数组(在方括号中)
对象(在花括号中)
Json转javascript对象的方法为:
eval("(" + str + ")");
代码示例：
<html>
<head>
<title>Json测试</title>
<script src="/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
//基本上，Json返回的要么是对象，要么是数组，如果单纯返回一个字符串，那么就没有必要用Json了，因此
//Json基本就下面这些可，不过要注意双引号
var str0 = "{employees:'测试'}";
var obj0 = eval("(" + str0 + ")");
alert(obj0.employees); //输出测试
var str = "{name:'张三',Age:21}";
var obj = eval("(" + str + ")");
document.write(obj.name + obj.Age); //输出 张三21
alert(obj.name);
//别看下面那段Json长，其实是一个对象，属性employees的值是一个对象数组。和上面的相比，只是name:张三 中的"张三"字符串 变成了对象数组而已
var str2 = '{ "employees" : [' + '{ "firstName":"Bill" , "lastName":"Gates" },' + '{ "firstName":"George" , "lastName":"Bush" },' + '{ "firstName":"Thomas" , "lastName":"Carter" } ]}';
var obj2 = eval("(" + str2 + ")");
alert(obj2.employees[0].firstName); //弹出 Bill
var str3 = "[1,2,3,4,5,6]"; //json 数组
var obj3 = eval("(" + str3 + ")"); //输出 2
alert(obj3[1]);
</script>
</head>
<body>
<div id="div1">
</div>
</body>
</html>
Json与JavaScript对象转换
JSON转javascript对象
//Json转对象1
function JsonToObject(str) {
return eval("(" + str + ")");
}
//Json转对象2
function strToJson(str){
var json = (new Function("return " + str))();
return json;
}
//Json转对象3 jQuery工具函数
$.parseJSON()
javascript对象转JSON
//javascript对象转Json
function ObjectToJson(o) {
var arr = [];
var fmt = function(s) {
if (typeof s == 'object' && s != null) return json2str(s);
return /^(string|number)$/.test(typeof s) ? "'" + s + "'" : s;
}
for (var i in o) arr.push("'" + i + "':" + fmt(o[i]));
return '{' + arr.join(',') + '}';
}
以上就是本文的全部内容，希望对大家有所帮助，谢谢对脚本之家的支持！
您可能感兴趣的文章:
相关文章
下面小编就为大家带来一篇JavaScript中boolean类型之三种情景实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了通过js、jquery实现的图片动画、图片动态切换 ,需要的朋友可以参考下2014-06-06
这篇文章主要介绍了Bootstrap中data-target 到底是什么的相关资料，我目前理解到在bootstrap中data-target，data-toggle等属性主要有两种作用，具体哪两种作用，大家通过本文详细了解下2017-02-02
这篇文章主要介绍了JavaScript结合Canvas画运动小球，canvas被称为画布，可以结合javascript实现绘制各种图形,制作各种炫酷的动画效果，下面文章更多详细内容介绍需要的小伙伴可以参考一下2022-03-03
JavaScript中object和Object的区别(详解)
下面小编就为大家带来一篇JavaScript中object和Object的区别(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
xmlplus 是一个JavaScript框架，用于快速开发前后端项目。这篇文章主要介绍了xmlplus组件设计系列之列表，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
firefo xml 读写实现 不过要是你的xml要编码成功还得在str前面加上xml头，千万别忘了啊。2009-06-06
这篇文章主要为大家详细介绍了JavaScript实现打地鼠小游戏的相关代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要为大家介绍了前端技巧之HTTP中POST提交数据四种方式详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
这篇文章主要介绍了js 二进制流转图片的操作方法,接收数据大家需要注意,如果后端的接口是get方法,可以直接使用img标签,本文通过示例代码讲解的非常详细,需要的朋友参考下吧2023-12-12
最新评论