jquery 对 Json 的各种遍历

素颜马尾好姑娘i 2022-06-05 12:46 228阅读 0赞

原文链接： [http://caibaojian.com/jquery-each-json.html][http_caibaojian.com_jquery-each-json.html]

### 概述 ###

[JSON][]([JavaScript][] Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

在JSON中，有两种结构：对象和数组。

**1.对象**

一个对象以“\{”开始，“\}”结束。每个“key”后跟一“:”，“‘key/value’ 对”之间运用 “,”分隔。

packJson = \{"name":"caibaojian.com", "password":"111"\}

**2.数组**[·][http_caibaojian.com_jquery-each-json.html]

packJson = \[\{"name":"caibaojian.com", "password":"111"\}, \{"name":"tony", "password":"111"\}\];

数组是值的有序集合。一个数组以“\[”开始，“\]”结束。值之间运用 “,”分隔。

### JSON对象和JSON字符串的转换 ###

在数据传输流程中，[json][JSON]是以文本，即字符串的形式传递的，而[JS][]操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如：

JSON字符串：

var jsonStr = '\{"name":"caibaojian", "password":"1111"\}';

JSON对象：

var jsonObj = \{"name":"caibaojian.com", "password":"1111"\};

1、String转换为Json对象

var jsonObj = eval('(' + jsonStr + ')');

2.Json对象转换为String字符串

var jsonStr = jsonObj.toJSONString();

### [jQuery][]遍历json对象 ###

grep

each

inArray

map

### 原生Js遍历json对象 ###

遍历json对象：

无规律：

有规律：

//code from http://caibaojian.com/jquery-each-json.html
    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对象

myJson = {"name":"caibaojian", "password":"1111"};
    
    for(var p in myJson){//遍历json对象的每个key/value对,p为key
    
       alert(p + " " + myJson[p]);
    
    }

有如下 json对象：
    var obj ={"name":"冯娟","password":"123456","department":"技术部","sex":"女","old":30};
    遍历方法：
    for(var p in obj){
    str = str+obj[p]+’,';
    return str;
    }

来源： [前端开发博客][http_caibaojian.com_jquery-each-json.html]

[http_caibaojian.com_jquery-each-json.html]: http://caibaojian.com/jquery-each-json.html
[JSON]: http://caibaojian.com/t/json
[JavaScript]: http://caibaojian.com/t/javascript
[JS]: http://caibaojian.com/javascript/
[jQuery]: http://caibaojian.com/jquery/