I'm trying to add an element to an object I previously created but I get an error that property does not exist on type {} javascript

user_10685718 0
Viewed 55

I just started learning javascript and I'm trying to add an element to an object I previously created but I get an error that property does not exist.

I cant seem to find the issue, maybe its a syntax error but i cant seem to see it so maybe someone can help me spot it if thats the case?

This is the object >

const restaurant = {
  name: 'Classico Italiano',
  location: 'Via Angelo Tavanti 23, Firenze, Italy',
  categories: ['Italian', 'Pizzeria', 'Vegetarian', 'Organic'],
  starterMenu: ['Focaccia', 'Bruschetta', 'Garlic Bread', 'Caprese Salad'],
  mainMenu: ['Pizza', 'Pasta', 'Risotto'],

  openingHours: {
    thu: {
      open: 12,
      close: 22,
    },
    fri: {
      open: 11,
      close: 23,
    },
    sat: {
      open: 0, // Open 24 hours
      close: 24,
    },
  },
  orderD: function ({
    orderName = 'ANON',
    address = 'ANON',
    time = '00:00',
    order = 'ANON',
  }) {
    console.log(`${orderName} has ordered (${order}) to ${address} at ${time}`);
  },
  orderPizza: function (mainIngredient, ...otheringredients) {
    console.log(mainIngredient);
    console.log(otheringredients);
  },
};

Then here I tried to add an element to it.

restaurant.numOfGuests = 0;

but then it highlights the element name saying

Property 'numOfGuests' does not exist on type '{ name: string; location: string; categories: string[]; starterMenu: string[]; mainMenu: string[]; openingHours: { thu: { open: number; close: number; }; fri: { open: number; close: number; }; sat: { open: number; close: number; }; }; orderD: ({ orderName, address, time, order, }: { ...; }) => void; orderPizza: (mai...'.ts(2339)

I tried to ignore it and move on but then when i tried logging the new element to the console

console.log(numOfGuests);

It gave me this error

Uncaught ReferenceError: numOfGuests is not defined

typescript javascript-objects object arrays javascript
1 Answers

It doesn't appear that you have set the numOfGuests property, which is important if your code is TypeScript (as opposed to JavaScript). All you have to do is set it as in the following code. Then, you can reference it in any other code as needed. See Object Types for more information.

const restaurant = {
  name: 'Classico Italiano',
  location: 'Via Angelo Tavanti 23, Firenze, Italy',
  categories: ['Italian', 'Pizzeria', 'Vegetarian', 'Organic'],
  starterMenu: ['Focaccia', 'Bruschetta', 'Garlic Bread', 'Caprese Salad'],
  mainMenu: ['Pizza', 'Pasta', 'Risotto'],
  numOfGuests: 20,

  openingHours: {
    thu: {
      open: 12,
      close: 22,
    },
    fri: {
      open: 11,
      close: 23,
    },
    sat: {
      open: 0, // Open 24 hours
      close: 24,
    },
  },
  orderD: function({
    orderName = 'ANON',
    address = 'ANON',
    time = '00:00',
    order = 'ANON',
  }) {
    console.log(`${orderName} has ordered (${order}) to ${address} at ${time}`);
  },
  orderPizza: function(mainIngredient, ...otheringredients) {
    console.log(mainIngredient);
    console.log(otheringredients);
  },
};
console.log(restaurant);

If you're using JavaScript, you shouldn't get the error. See the following code snippet as an example:

const restaurant = {
  name: "Classico Italiano",
  location: "Via Angelo Tavanti 23, Firenze, Italy",
  categories: ["Italian", "Pizzeria", "Vegetarian", "Organic"],
  starterMenu: ["Focaccia", "Bruschetta", "Garlic Bread", "Caprese Salad"],
  mainMenu: ["Pizza", "Pasta", "Risotto"],

  openingHours: {
    thu: {
      open: 12,
      close: 22
    },
    fri: {
      open: 11,
      close: 23
    },
    sat: {
      open: 0, // Open 24 hours
      close: 24
    }
  },
  orderD: function({
    orderName = "ANON",
    address = "ANON",
    time = "00:00",
    order = "ANON"
  }) {
    console.log(`${orderName} has ordered (${order}) to ${address} at ${time}`);
  },
  orderPizza: function(mainIngredient, ...otheringredients) {
    console.log(mainIngredient);
    console.log(otheringredients);
  }
};
restaurant.numOfGuests = 20;
console.log(restaurant);

user_75038870
Related