揭秘JS遍历JSON对象的五大高效技巧，轻松掌握数据操控！
1. 使用 for...in 循环遍历JSON对象
for...in 循环是JavaScript中最常用的遍历JSON对象的方法之一。它能够遍历对象的所有可枚举属性。
var obj = {
name: "John",
age: 30,
job: "Developer"
};
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
console.log(key + ": " + obj[key]);
}
}
注意：在使用 for...in 循环时，要使用 hasOwnProperty 方法来过滤掉原型链上的属性。
2. 使用 Object.keys() 方法遍历JSON对象
Object.keys() 方法可以返回一个包含对象所有自身可枚举属性的字符串数组。
var obj = {
name: "John",
age: 30,
job: "Developer"
};
Object.keys(obj).forEach(function(key) {
console.log(key + ": " + obj[key]);
});
3. 使用 Object.entries() 方法遍历JSON对象
Object.entries() 方法会返回一个给定对象自身可枚举属性的键值对数组。
var obj = {
name: "John",
age: 30,
job: "Developer"
};
Object.entries(obj).forEach(function([key, value]) {
console.log(key + ": " + value);
});
4. 使用递归函数遍历嵌套JSON对象
当处理嵌套的JSON对象时，递归函数是一个非常有用的工具。
function traverse(obj) {
for (var key in obj) {
if (typeof obj[key] === 'object' && obj[key] !== null) {
traverse(obj[key]);
} else {
console.log(key + ": " + obj[key]);
}
}
}
var nestedObj = {
name: "John",
age: 30,
job: "Developer",
details: {
hobbies: ["reading", "gaming"],
address: {
city: "New York",
zip: "10001"
}
}
};
traverse(nestedObj);
5. 使用现代JavaScript的 for...of 循环遍历JSON对象
for...of 循环可以用来遍历可迭代对象，如数组、字符串和类数组对象。
var obj = {
name: "John",
age: 30,
job: "Developer"
};
for (const [key, value] of Object.entries(obj)) {
console.log(key + ": " + value);
}
通过以上五种技巧，你可以轻松地遍历JavaScript中的JSON对象，并根据需要操控数据。选择最适合你需求的方法，让你的JavaScript代码更加高效和易于维护。