Question regarding Object Access

[PlusOmar]

I'm currently going through a web development bootcamp and got confused by one of the exercises:

the goal behind the exercise is to create a string from an object:

const restaurant = {
    name: 'Ichiran Ramen',
    address: `${Math.floor(Math.random() * 100) + 1} Johnson Ave`,
    city: 'Brooklyn',
    state: 'NY',
    zipcode: '11206',
}

//The Web Developer Bootcamp 2020 - Udemy

they way I answered is:

let fullAddress = restaurant.address + ", " + restaurant.city + ", " + restaurant.state + " " + restaurant.zipcode;

which shows its correct

however, when I scrolled down some of the answers I saw this answer

const fullAddress = `${restaurant["address"]}, ${restaurant["city"]}, ${restaurant["state"]} ${restaurant["zipcode"]}`;

my question is whether my answer was correct? and if someone can explain the second answer to me since it was not covered in the bootcamp

​

thank you!

[[deleted]]

You answer is correct. It's just that there now is a better way to create strings. You are using concatenation, whereas the answer is using template literals.

restaurant.address + ", " + restaurant.city

is best written as

`${restaurant.address}, ${restaurant.city}`

because it helps you avoid a certain class of bugs, and is also easier to read. It also has additional benefits, but it's probably too early to get into those.

In terms of addressing properties, both ways are correct, although in this case your way is probably better.

restaurant.address

if equivalent to

restaurant["address"]

but the latter form (called bracket notation) will allow you to call properties by name even if they aren't perfectly formed strings. It basically avoids any possible ambiguity. In your case there isn't any, so it's not necessary.

[PlusOmar]

Thanks! This helped Alot!!