如何从多级数组中检索变量- Vue.js

data() {
  return {
    students: [
      {
        name: 'John',
        age: 20,
        grades: [
          { subject: 'Math', score: 90 },
          { subject: 'English', score: 85 },
          { subject: 'Science', score: 95 }
        ]
      },
      {
        name: 'Alice',
        age: 18,
        grades: [
          { subject: 'Math', score: 80 },
          { subject: 'English', score: 92 },
          { subject: 'Science', score: 88 }
        ]
      }
    ]
  }
}

<template>
  <div>
    <p>John's Math score: {{ getScore('John', 'Math') }}</p>
  </div>
</template>

<script>
export default {
  data() {
    // 多级数组
    // ...
  },
  computed: {
    getScore() {
      return function(name, subject) {
        for (let i = 0; i < this.students.length; i++) {
          if (this.students[i].name === name) {
            for (let j = 0; j < this.students[i].grades.length; j++) {
              if (this.students[i].grades[j].subject === subject) {
                return this.students[i].grades[j].score;
              }
            }
          }
        }
        return null; // 如果未找到匹配的变量，返回 null 或其他默认值
      };
    }
  }
}
</script>