jquery动态遍历Json对象的属性和值的方法

当我们需要处理 Json，并且使用 jQuery 时，经常需要遍历 Json 对象的属性和值，以下是几种常见的方法：

方法一：$.each()方法

使用 $.each() 方法可以遍历 Json 对象的属性和值。这个方法有两个参数，第一个参数为被遍历的对象，第二个参数为一个回调函数，回调函数的参数是索引和属性值。示例代码如下：

var data = {
    "name": "John",
    "age": 30,
    "city": "New York"
};
$.each(data, function(key, value) {
    console.log(key + ": " + value);
});

在控制台上输出：

name: John
age: 30
city: New York

方法二：$.map()方法

使用 $.map() 方法可以遍历 Json 对象的属性和值，并返回一个处理后的数组。这个方法有两个参数，第一个参数为被遍历的对象，第二个参数为一个回调函数，回调函数的参数是属性值。示例代码如下：

var data = {
    "name": "John",
    "age": 30,
    "city": "New York"
};
var values = $.map(data, function(value) {
    return value;
});
console.log(values);

在控制台上输出：

["John", 30, "New York"]

通过返回值，我们可以发现 values 数组中存储了所有的属性值。

另外需要指出的是，如果 Json 对象中有嵌套的对象或者数组，以上的方法并不能完全遍历，需要使用递归的方式来遍历。

示例代码如下：

var data = {
    "name": "John",
    "age": 30,
    "city": "New York",
    "contact": {
        "email": "[e-mail]",
        "phone": "1234567890"
    },
    "interests": [
        "reading",
        "traveling",
        "swimming"
    ]
};

function traverseData(obj) {
    $.each(obj, function(key, value) {
        if(typeof value === "object") {
            traverseData(value);
        } else {
            console.log(key + ": " + value);
        }
    });
}

traverseData(data);

在遍历过程中，如果属性值是个对象或者数组，则递归调用 traverseData() 函数。在这个示例中，我们将打印出所有的属性和属性值，包括嵌套的对象和数组的内容。

以上就是 jquery 动态遍历 Json 对象的属性和值的方法的完整攻略和示例说明，希望能够帮助到你。