当前位置：首页 > 资讯 > 技术文档

详解js中Json的语法与格式

时间：2020-05-04 08:20 编辑：来源：阅读：
扫一扫，手机访问

摘要：详解js中Json的语法与格式

JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。由于这种相似性，无需解析器，JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。 [b]JSON语法规则:[/b] 数据在名称/值对仲数据由逗号分隔花括号保存对象方括号保存数组 JSON 名称/值对介绍

"name":"张飞",
"age":23

[b]Json的值可以是：[/b] 数字(整数或浮点数) 字符串(要包括在双引号中) 逻辑值(true或false) 数组(在方括号中) 对象(在花括号中) [b]Json转javascript对象的方法为:[/b] [code]eval("(" + str + ")");[/code] 代码示例：

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

[b]Json与JavaScript对象转换 [/b] 　[b]　JSON转javascript对象[/b]

//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()

　[b]　javascript对象转JSON[/b]

//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(',') + '}';
}

以上就是本文的全部内容，希望对大家有所帮助，谢谢对编程素材网的支持！

全部评论(0)

上一篇：JS密码生成与强度检测完整实例(附demo源码下载)
下一篇：VBScript中变量作用域

资讯排行榜
更多>>