zoukankan      html  css  js  c++  java
  • JavaScript对象与JSON字符串的相互转换

    JSON(JavaScript Object Notation) 是JavaScript编程语言的一个子集。正因JSON是JavaScript的一个子集,所以它可清晰的运用于此语言中。

    eval函数 JSON文本转换为对象
        为了将JSON文本转换为对象,可以使用eval函数。eval函数调用JavaScript编辑器。由于JSON是JavaScript的子集,因此编译器将正确的解析文本并产生对象结构。文本必须括在括号中避免产生JavaScript的语法歧义。
    var obj = eval('(' + JSONTest + ')');
        eval函数非常快速。它可以编译执行任何JavaScript程序,因此产生了安全性问题。当使用可信任与完善的源代码时才可以使用eval函数。这样可以更安全的解析JSON文本。使用XmlHttp的web应用,页面之间的通讯只允许同源,因此是可以信任的。但这却不是完善的。如果服务器没有严谨的JSON编码,或者没有严格的输入验证,那么可能传送包括危险脚本的无效JSON文本。eval函数将执行恶意的脚本。
    JSON解释器 JSON.parse、JSON.stringify
        使用JSON解析器可以防止像eval函数转换JSON文本为对象那样的安全隐患。JSON解析器只能辨识JSON文本,拒绝所有脚本。提供了本地JSON支持的浏览器的JSON解析器将远快于eval函数。
    目前,Firefox、Opera、IE8以上版本也提供了本地JSON支持。其中,JSON解释器提供的函数有:JSON.parse、JSON.stringify。
        对于那些并不提供本地JSON支持的浏览器可以引入脚本json2.js,来实现JSON转换功能。json2.js脚本可到https://github.com/douglascrockford/JSON-js/blob/master/json2.js页面下载。
    JSON.parse 函数
    将JSON文本转换为对象。
    JSON.parse(text[, reviver])
    参数
    text
       必选项。要转换为对象的JSON文本。
    reviver
       可选项。该参数是个替换函数。在转换中,遍历的每个节点,都将执行该函数,该函数的返回值将替代转换结果的相应节点值。
    JSON.stringify 函数
    将对象转换为JSON文本。
    JSON.stringify(value[, replacer[, space]])
    参数
    text
    必选项。要转换为JSON文本的对象。
    reviver
       可选项。该参数是个替换函数。在转换中,遍历的每个节点,都将执行该函数,该函数的返回值将替代转换结果的相应节点值。
    space
       可选项。格式化输出JSON文本缩进的空格数量。如果不提供该参数将不会格式化输出。
    参数reviver的委托类型
    reviver(key, value)
    reviver函数的中的this是当前所遍历到的节点的父节点。当所遍历的是根节点的时候,父节点是个Object对象,根节点是该对象的一个属性,属性名是空字符串。
    参数
    key
       当父节点是数组Object,key为数组索引,否则key为Object属性名。
    value
       节点值。
    注:JSON不支持循环数据结构。
    JSON.parse、JSON.stringify使用示例
    <script type="text/javascript">
    function InventoryItem(parm) {
       this.Product = parm.Product
       this.Quantity = parm.Quantity;
       this.Price = parm.Price;
       this.Type = parm.Type;
       this.Total = function() {
          return this.Price * this.Quantity;
       }
    }

    function Inventory(parm) {
       this.Date = parm.Date;
       this.Item = parm.Item;
       this.Type = parm.Type;
       this.Total = function() {
          var count = 0;
          for (var key in this.Item) {
             count += this.Item[key].Total();
          }
          return count;
       }
    }

    var inventoryJSONText = "{"Date":"2000-01-01","Item":[{"Product":"ProductOne","Quantity":"10","Price":"10","Type":"InventoryItem"},{"Product":"ProductTwo","Quantity":"100","Price":"20","Type":"InventoryItem"}],"Type":"Inventory"}";

    //将JSON文本转换为对象,并将一般类的实例改成伪类的实例。
    var inventoryObject = JSON.parse(inventoryJSONText, function(key, value) {
       var type;
       if (value && typeof value === 'object') {
          type = value.Type;
          if (typeof type === 'string' && typeof window[type] === 'function') {
             return new (window[type])(value);
          }
       }
       return value;
    });

    //输出转换后对象的信息。
    var output = "Product Quantity Price Total ";
    for (var key in inventoryObject.Item) {
       var item = inventoryObject.Item[key];
       output += item.Product + " " + item.Quantity + " " + item.Price + " " + item.Total() + " ";
    }
    output += " " + inventoryObject.Total();
    alert(output);

    //再将inventoryObject对象转换成JSON文本。
    var inventoryJSONTextAgain = JSON.stringify(inventoryObject, null, 3);
    alert(inventoryJSONTextAgain);
    </script>
    来自:http://blog.163.com/luckcq@yeah/blog/static/171747707201110835533963/
  • 相关阅读:
    关于盒模型的外边距padding和内边距margin
    CSS概述(最详细!!!)
    关于html的基本知识
    Maven学习(1)-什么是Maven
    IntelliJ IDEA+Github+Maven+Jenkins+SipringBoot+VUE搭建Web开发环境样例(2)-创建一个简单的查询数据库项目
    IntelliJ IDEA+Github+Maven+Jenkins+SipringBoot+VUE搭建Web开发环境样例(1)-安装与配置
    YARN(待了解)
    Mesos(待了解)
    Kubernetes-中文文档地址(收藏)
    Jenkins学习(4)-Jenkins的API(收藏)
  • 原文地址:https://www.cnblogs.com/dead-trap-ramble/p/3545604.html
Copyright © 2011-2022 走看看