$.each遍历json对象
封面图
•
2025-10-15
•
jQuery
304
0
0
0
在 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 结构或需求,我可以帮你写出更详细的示例。欢迎继续提问!
上一篇:
实时监听输入框值变化的完美方案:oninput & onpropertychange
下一篇:
jquery:为动态加载的元素添加点击事件
标题录入,一次不能超过6条
返回顶部
留言
留言
评论