JS JSON对象遍历

在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>