js challenge for asserting if brackets are balanced

balanced.js

function balanced(str) {
    const stack = []
    let top;
    for (let i = 0; i < str.length; i++) {
        const char = str[i]
        if (char === "(" || char === "{" || char === "[") {
            console.log("pushing to stack")
            stack.push(char)
        } else {
            if (stack.length === 0) { 
                console.log("stack empty")
                return false
            }
            // else if current character does not match top of stack
            switch(char) {
                case "}":
                    console.log("checking }")
                    top = stack[stack.length - 1]
                    stack.pop()
                    if (top !== "{") {
                        console.log("no balance {")
                        return false
                    }
                    break;
                case ")":
                    console.log("checking )")
                    top = stack[stack.length - 1]
                    stack.pop()
                    if (top !== "(") {
                        console.log("no balance (")
                        return false
                    }
                    break;
                case "]":
                    console.log("checking ]")
                    top = stack[stack.length - 1]
                    stack.pop()
                    if (top !== "[") {
                        console.log("no balance [")
                        return false
                    }
                    break;
            }
        }
    }
    console.log("stack empty", stack.length === 0)
    return stack.length === 0
}

// console.log(balanced("[()]{}{[()()]()}"))