如何在vue或javascript中获取对象中的对象数组

// 假设有一个对象
const myObject = {
  name: 'John',
  age: 25,
  hobbies: [
    { name: 'reading', level: 'high' },
    { name: 'coding', level: 'medium' },
    { name: 'swimming', level: 'low' }
  ]
};

// 使用点操作符获取对象中的对象数组
const hobbiesArray = myObject.hobbies;
console.log(hobbiesArray);

// 使用方括号操作符和索引获取对象数组中的元素
const firstHobby = myObject.hobbies[0];
console.log(firstHobby);

// 获取对象数组中的特定属性值
const firstHobbyName = myObject.hobbies[0].name;
console.log(firstHobbyName);

<template>
  <div>
    <p>{{ myObject.hobbies }}</p>
    <p>{{ myObject.hobbies[0] }}</p>
    <p>{{ myObject.hobbies[0].name }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      myObject: {
        name: 'John',
        age: 25,
        hobbies: [
          { name: 'reading', level: 'high' },
          { name: 'coding', level: 'medium' },
          { name: 'swimming', level: 'low' }
        ]
      }
    };
  }
};
</script>