在JavaScript中,可以使用for...in
循环或Object.keys()
方法来遍历JSON对象的键。以下是两种常见的遍历方法的示例代码:
使用for...in
循环遍历JSON对象的键和值:
let jsonObject = {
key1: "value1",
key2: "value2",
key3: "value3"
};
for (let key in jsonObject) {
if (jsonObject.hasOwnProperty(key)) { // 确保是对象自有属性,不是从原型链继承的
console.log(key + ": " + jsonObject[key]);
}
}
使用Object.keys()
结合map()
函数遍历JSON对象的键和值:
let jsonObject = {
key1: "value1",
key2: "value2",
key3: "value3"
};
Object.keys(jsonObject).map((key) => {
console.log(key + ": " + jsonObject[key]);
});
VUE遍历JSON对象
<template>
<div>
<div v-for="(value, key, index) in jsonObject" :key="index">
{{ key }}: {{ value }}
</div>
</div>
</template>
<script>
export default {
data() {
return {
jsonObject: {
firstName: 'John',
lastName: 'Doe',
age: 30
}
};
}
};
</script>