Java Script object fields access

Question

var friends = new Object ();
friends.bill = new Object ();
    friends.bill.firstName = 'Bill';
    friends.bill.lastName = 'Gates';

friends.steve = new Object ();
    friends.steve.firstName = 'Steve';
    friends.steve.lastName = 'Jobs';



    var search1 = function (name) {
        for (var x in friends){
            if (name == friends.x.firstName) {

                console.log(friends.x.firstName, friends.x.lastName);

            }
        }
    }

var search2 = function (name) {
        for (var x in friends){
            if (name == friends[x].firstName) {

                console.log(friends[x].firstName, friends[x].lastName);

            }
        }
    }

Can someone explain why search2 works just fine(printing details of object in friends with same name), but search1 isnt working.

I was sure object.x is same as object[x]... If it not, what is the difference ? Many thanks!