$.each遍历json对象

封面图 • 2025-10-15 • jQuery

在 jQuery 中，`$.each()` 是一个非常常用的遍历函数，可以用来遍历数组、对象（包括 JSON 对象）等。如果你有一个 JSON 对象，想要使用 `$.each()` 遍历它，可以按照如下方式操作。

---

### ✅ 示例：遍历 JSON 对象

假设你有如下的 JSON 数据：

```javascript
var jsonData = {
    "name": "张三",
    "age": 25,
    "city": "北京"
};
```

你可以使用 `$.each()` 来遍历这个对象：

```javascript
$.each(jsonData, function(key, value) {
    console.log("Key: " + key + ", Value: " + value);
});
```

**输出结果：**

```
Key: name, Value: 张三
Key: age, Value: 25
Key: city, Value: 北京
```

---

### 📌 注意事项：

- `$.each(obj, callback)` 的第一个参数是 **键（key）**，第二个是 **值（value）**。
- 如果你想获取索引（比如在数组中），可以这样写：
  
  ```javascript
  $.each(array, function(index, value) {
      console.log("Index: " + index + ", Value: " + value);
  });
  ```

---

### 🧠 补充：如果 JSON 是字符串格式？

如果是字符串形式的 JSON，你需要先用 `JSON.parse()` 转成对象：

```javascript
var jsonString = '{"name": "李四", "age": 30}';
var obj = JSON.parse(jsonString);

$.each(obj, function(key, value) {
    console.log(key + ": " + value);
});
```

---

### ✅ 总结

| 场景 | 方法 |
|------|------|
| 遍历 JSON 对象 | `$.each(jsonObj, function(key, value) { ... })` |
| 遍历 JSON 字符串 | 先 `JSON.parse()` 再 `$.each()` |
| 遍历数组 | `$.each(array, function(index, value) { ... })` |

---

如果你有具体的 JSON 结构或需求，我可以帮你写出更详细的示例。欢迎继续提问！