How do I solve filter returning undefined?

See more:

Javascript

HTML

error-handling

I have created a class named restaurant manager with an array named as 'restaurantList' . Inside this array I have passed name of restaurant with their address and city . After that I have created a function named as 'filterRestaurantByCity' in which I am trying to filter the restaurant name on the basis of the city provided in the argument..
THIS MY JAVASCRIPT CODE:-

<pre>class restaurantManager {
    constructor() {
        this.restaurantList = [
           { name: "Barbeque Nation", address: "varanasi", city: "varansi" },
            { name: "The Table", address: "varnasi", city: "varansi" },
            { name: "i love my wife", address: "varansi", city: "varansi" },
            { name: "Batti chokha", address: "varansi", city: "varansi" }
        ]
    }
filterRestaurantByCity(varansi){
        let givencity = varansi
        let b = this.restaurantList.filter((city) => {return city==givencity})
        console.log(b.name)
    }
}
    let myobject = new restaurantManager()
   
    let c = myobject.filterRestaurantByCity()

Getting undefined in the console ....

What I have tried:

CONFUSED, WHAT TO DO??

filterRestaurantByCity(varansi){

       let b = this.restaurantList.filter(item =>(item.city==varansi))
       console.log(b.name)
   }

Getting undefined after executing this one....

 filterRestaurantByCity(varansi){
        let givencity = varansi
        let b = this.restaurantList.filter((item) => {return item.city==givencity})
        console.log(b.name)
    }
}

Getting undefined after this too.....