TypeError：无法读取未定义的属性“push”..return this._courses[courseName].push(dish);答案

【问题标题】：TypeError: Cannot read property 'push' of undefined..return this._courses[courseName].push(dish);TypeError：无法读取未定义的属性“push”..return this._courses[courseName].push(dish);
【发布时间】：2021-02-15 07:57:17
【问题描述】：

运行时会抛出 typeError ，我只是不知道如何修复它才能正常运行。我尝试将 .push(dish) 更改为 = 菜，但没有什么对我有用，请帮忙运行时会抛出 typeError ，我只是不知道如何修复它才能正确运行。我尝试将 .push(dish) 更改为 = 菜，但没有什么对我有用，请帮忙运行时会抛出 typeError ，我只是不知道如何修复它才能正确运行。我尝试将 .push(dish) 更改为 = 菜，但没有什么对我有用，请帮忙运行时会抛出 typeError ，我只是不知道如何修复它才能正确运行。我尝试将 .push(dish) 更改为 = 菜，但没有什么对我有用，请帮助运行此操作时抛出 typeError ，我只是不知道如何修复它以使其正常运行。我尝试将 .push(dish) 更改为 = 菜，但没有什么对我有用，请帮助运行此操作时抛出 typeError ，我只是不知道如何修复它以使其正常运行。我尝试将 .push(dish) 更改为 = 菜，但没有什么对我有用，请帮助运行此操作时抛出 typeError ，我只是不知道如何修复它以使其正常运行。我尝试将 .push(dish) 更改为 = 菜，但没有什么对我有用，请帮助运行此操作时抛出 typeError ，我只是不知道如何修复它以使其正常运行。我尝试将 .push(dish) 更改为 = 菜，但没有什么对我有用，请帮忙运行时会抛出 typeError ，我只是不知道如何修复它才能正确运行。我尝试将 .push(dish) 更改为 = 菜，但没有什么对我有用，请帮忙运行时会抛出 typeError ，我只是不知道如何修复它才能正确运行。我尝试将 .push(dish) 更改为 = 菜，但没有什么对我有用，请帮助

const menu = {
  _courses: {
    appetizers: [],
    mains: [],
    desserts: [],
  },
  get appetizers(){
    this._courses.appetizers;
  },
  get mains(){
    this._courses.mains;
  },
  get desserts(){
    this._courses.desserts;
  },
  set appetizers(appetizers){
    this._courses.appetizers = appetizers;
  },
  set mains(mains){
    this._courses.mains = mains;
  },
  set desserts(desserts){
    this._courses.desserts = desserts;
  },
  get _course(){
    return {
      appetizers: this.appetizers,
      mains: this.mains,
      desserts: this.desserts
    };
  },
  addDishToCourse(courseName, dishName, dishPrice){
    const dish = {
      name: dishName,
      price: dishPrice,
    };
    return this._courses[courseName].push(dish);
  },
  getRandomDishFromCourse(courseName){
    const dishes = this._courses[courseName];
    const randomIndex = Math.floor(Math.random() * dishes.length);
    return dishes[randomIndex];
  },
  generateRandomMeal(){
    const appetizer = this.getRandomDishFromCourse('appetizers');
    const main = this.getRandomDishFromCourse('mains');
    const dessert = this.getRandomDishFromCourse('desserts');
    const cost = appetizer.price + main.price + dessert.price;
    return `Your meal is ${appetizer.name},
     ${main.name}, and ${dessert.name} and total price is ${cost}`;
  }
};

menu.addDishToCourse('appetizers', 'wings', 4.00);
menu.addDishToCourse('appetizers', 'tacos', 4.00);
menu.addDishToCourse('appetizers', 'salad', 4.00);

menu.addDishToCourse('mains', 'steak', 10.00);
menu.addDishToCourse('mains', 'fish', 10.00);
menu.addDishToCourse('mains', 'pasta', 10.00);

menu.addDishToCourse('dessert', 'cake', 6.00);
menu.addDishToCourse('dessert', 'shake', 6.00);
menu.addDishToCourse('dessert', 'pie', 6.00);

let meal = menu.generateRandomMeal();
console.log(meal);

【问题讨论】：

标签： javascript object methods key-value

【解决方案1】：

this._courses[courseName]; 返回未定义。这意味着在this._courses 中找不到courseName 作为键。检查您的拼写和console.log(Object.keys(this._courses)); console.log(courseName)，看看为什么找不到courseName

【讨论】：

【解决方案2】：

甜点的拼写错误

menu.addDishToCourse('dessert', 'cake', 6.00);
menu.addDishToCourse('dessert', 'shake', 6.00);
menu.addDishToCourse('dessert', 'pie', 6.00);

const menu = {
  _courses: {
    appetizers: [],
    mains: [],
    desserts: [],
  },
  get appetizers(){
    this._courses.appetizers;
  },
  get mains(){
    this._courses.mains;
  },
  get desserts(){
    this._courses.desserts;
  },
  set appetizers(appetizers){
    this._courses.appetizers = appetizers;
  },
  set mains(mains){
    this._courses.mains = mains;
  },
  set desserts(desserts){
    this._courses.desserts = desserts;
  },
  get _course(){
    return {
      appetizers: this.appetizers,
      mains: this.mains,
      desserts: this.desserts
    };
  },
  addDishToCourse(courseName, dishName, dishPrice){
    const dish = {
      name: dishName,
      price: dishPrice,
    };
    console.log('courseName',courseName);
    return this._courses[courseName].push(dish);
  },
  getRandomDishFromCourse(courseName){
    const dishes = this._courses[courseName];
    const randomIndex = Math.floor(Math.random() * dishes.length);
    return dishes[randomIndex];
  },
  generateRandomMeal(){
    const appetizer = this.getRandomDishFromCourse('appetizers');
    const main = this.getRandomDishFromCourse('mains');
    const dessert = this.getRandomDishFromCourse('desserts');
    const cost = appetizer.price + main.price + dessert.price;
    return `Your meal is ${appetizer.name},
     ${main.name}, and ${dessert.name} and total price is ${cost}`;
  }
};

menu.addDishToCourse('appetizers', 'wings', 4.00);
menu.addDishToCourse('appetizers', 'tacos', 4.00);
menu.addDishToCourse('appetizers', 'salad', 4.00);

menu.addDishToCourse('mains', 'steak', 10.00);
menu.addDishToCourse('mains', 'fish', 10.00);
menu.addDishToCourse('mains', 'pasta', 10.00);

menu.addDishToCourse('desserts', 'cake', 6.00);
menu.addDishToCourse('desserts', 'shake', 6.00);
menu.addDishToCourse('desserts', 'pie', 6.00);

let meal = menu.generateRandomMeal();
console.log(meal);

【讨论】：

【解决方案3】：

错误如下。你声明：

_courses: {
appetizers: [],
mains: [],
desserts: [],
},

然后你打电话：

menu.addDishToCourse('dessert', 'cake', 6.00);
menu.addDishToCourse('dessert', 'shake', 6.00);
menu.addDishToCourse('dessert', 'pie', 6.00);

没有名为 dessert 但 desserts 的字段，这会引发错误

正确的代码是：

const menu = {
  _courses: {
    appetizers: [],
    mains: [],
    desserts: [],
  },
  get appetizers(){
    this._courses.appetizers;
  },
  get mains(){
    this._courses.mains;
  },
  get desserts(){
    this._courses.desserts;
  },
  set appetizers(appetizers){
    this._courses.appetizers = appetizers;
  },
  set mains(mains){
    this._courses.mains = mains;
  },
  set desserts(desserts){
    this._courses.desserts = desserts;
  },
  get _course(){
    return {
      appetizers: this.appetizers,
      mains: this.mains,
      desserts: this.desserts
    };
  },
  addDishToCourse(courseName, dishName, dishPrice){
    const dish = {
      name: dishName,
      price: dishPrice,
    };
    return this._courses[courseName].push(dish);
  },
  getRandomDishFromCourse(courseName){
    const dishes = this._courses[courseName];
    const randomIndex = Math.floor(Math.random() * dishes.length);
    return dishes[randomIndex];
  },
  generateRandomMeal(){
    const appetizer = this.getRandomDishFromCourse('appetizers');
    const main = this.getRandomDishFromCourse('mains');
    const dessert = this.getRandomDishFromCourse('desserts');
    const cost = appetizer.price + main.price + dessert.price;
    return `Your meal is ${appetizer.name},
     ${main.name}, and ${dessert.name} and total price is ${cost}`;
  }
};

menu.addDishToCourse('appetizers', 'wings', 4.00);
menu.addDishToCourse('appetizers', 'tacos', 4.00);
menu.addDishToCourse('appetizers', 'salad', 4.00);

menu.addDishToCourse('mains', 'steak', 10.00);
menu.addDishToCourse('mains', 'fish', 10.00);
menu.addDishToCourse('mains', 'pasta', 10.00);

menu.addDishToCourse('desserts', 'cake', 6.00);
menu.addDishToCourse('desserts', 'shake', 6.00);
menu.addDishToCourse('desserts', 'pie', 6.00);

let meal = menu.generateRandomMeal();
console.log(meal);

【讨论】：