How to iterate through list of sbject in JS controller

@AuraEnabled(Cacheable=true)
    public static List<Group> getPublicGroups(String name){
        String wildcardName = '%' + name + '%';
        return [SELECT Id, Name FROM Group WHERE Name LIKE :wildcardName];
    }

And I've got the following JS:

handleSearchGroupSearch(event) {
        getPublicGroups({name: this.template.querySelector('[data-id="searchName"]').value}).then(result => {
            for (let key in result) {
                alert(key.Name);
            }
        })
        .catch(error => {
            this.error = error;
        });
    }