js遍历json对象
时间: 2023-10-14 09:06:50 浏览: 154
在 JavaScript 中,你可以使用循环来遍历 JSON 对象的属性和值。以下是两种常用的方法:
1. 使用 for...in 循环:
```javascript
var obj = { "name": "John", "age": 30, "city": "New York" };
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
console.log(key + ": " + obj[key]);
}
}
```
输出:
```
name: John
age: 30
city: New York
```
2. 使用 Object.keys() 方法结合 forEach() 循环:
```javascript
var obj = { "name": "John", "age": 30, "city": "New York" };
Object.keys(obj).forEach(function(key) {
console.log(key + ": " + obj[key]);
});
```
输出与上述相同。
以上两种方法都可以用来遍历 JSON 对象的属性和值。注意,在使用 for...in 循环时,需要使用 `hasOwnProperty()` 方法来过滤对象原型链上的属性。
相关问题
js 遍历json对象
以下是两种JS遍历JSON对象的方法:
1.使用for...in循环遍历JSON对象
```javascript
var json = { "name":"John", "age":30, "city":"New York" };
for(var key in json){
console.log(key + ":" + json[key]);
}
// 输出:name:John age:30 city:New York
```
2.使用forEach()方法遍历JSON数组
```javascript
var jsonArr = [
{ "name":"John", "age":30, "city":"New York" },
{ "name":"Mike", "age":25, "city":"Los Angeles" },
{ "name":"Lisa", "age":28, "city":"Chicago" }
];
jsonArr.forEach(function(item){
for(var key in item){
console.log(key + ":" + item[key]);
}
});
// 输出:
// name:John age:30 city:New York
// name:Mike age:25 city:Los Angeles
// name:Lisa age:28 city:Chicago
```
javascript遍历json对象
要遍历一个JSON对象,可以使用JavaScript中的for-in循环。首先,将获取的数据转换为JSON对象,可以使用JSON.parse(data)方法或者jQuery库中的jQuery.parseJSON(json)方法。接下来,使用for-in循环遍历JSON对象,通过得到的key和value来进行相应的操作。如果value是一个对象,可以使用typeof value == "object"进行判断,并使用递归的方式遍历内部的对象。以下是一个示例方法来获取JSON对象中的值:
```
function getJsonValue(obj, name){
var result = null;
var value = null;
for(var key in obj){
value = obj[key];
if(key == name){
return value;
} else {
if(typeof value == "object"){
result = getJsonValue(value, name);
}
}
}
return result;
}
var jsonobj = {
"semantic":{
"taskId":"8.4.3"
},
"history":"cn.xxxx.fund"
};
var taskId = getJsonValue(jsonobj, "history");
console.log(taskId);
```
这个方法将通过递归的方式遍历JSON对象,根据给定的name参数,返回对应的值。在这个示例中,我们使用了jsonobj***fund"作为结果输出到控制台。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [js对json对象的遍历和其他方法处理](https://blog.csdn.net/u012409048/article/details/115920371)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [js 遍历 JSON数据](https://blog.csdn.net/fox_bert/article/details/100594710)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文