Need help with dot notation

Question

Here's an example of my object:

var fruit = {
    apple: {
    }
}

var apple = this.rel;

Will someone please tell me why this works:

fruit[apple]

and this doesn't?

fruit.apple

Answer 1

In Javascript foo.bar is equivalent to foo["bar"], not foo[bar].

Therefore, fruit.type will become fruit["type"], but there isn't a type: field in the fruit object, so fruit.type returns undefined.