zoukankan      html  css  js  c++  java
  • [转]JS对JSON的操作总结

    本文转自:http://www.cnblogs.com/csj222/archive/2013/04/11/3013667.html

    对于前端完全是菜鸟,迫于无奈,工作中要用到JS,尤其对JSON的处理为多,网上搜了一下,所讲的基本雷同。所以把平时用的比较多的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"};

    对于前端完全是菜鸟,迫于无奈,工作中要用到JS,尤其对JSON的处理为多,网上搜了一下,所讲的基本雷同。所以把平时用的比较多的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));

    运行结果:

  • 相关阅读:
    《Android深入透析》之广播(Broadcast)
    曾经的程序员-《30岁的程序员,你迷惘了吗?》
    30岁的程序员,你迷惘了吗?
    Android: 详解触摸事件如何传递
    关于HTML5服务器发送事件(SSE)
    Android: 在onCreate()中获得对象尺寸
    jxl教程图文详解
    相当牛X的java版星际游戏
    程序员的无奈(十二):终于获得了投资
    图览各编程语言中敲击最多的键
  • 原文地址:https://www.cnblogs.com/freeliver54/p/4228661.html
Copyright © 2011-2022 走看看