Filtrando sem regex? (!) vs (!(...))

Só não entendi porquê aqui if(!(valorDigitado==comparavel)) precisa de parêntesis dentro de parêntesis na hora de colocar o exclamação ! e aqui if(!expressao.test(nome)) pode usar o exclamação ! sem necessidade de parêntesis.

var campoFiltro=document.querySelector("#filtrar-tabela");
campoFiltro.addEventListener("input",function(){
    console.log(this.value);
    var pacientes=document.querySelectorAll(".paciente");
    if(this.value.length>0){
        for(var i=0;i<pacientes.length;i++){
            var paciente=pacientes[i];
            var tdNome=paciente.querySelector(".info-nome");
            var nome=tdNome.textContent;
            var expressao= new RegExp(this.value,"i");
            if(!expressao.test(nome)){
                paciente.classList.add("invisivel");
            }else{
                paciente.classList.remove("invisivel");
            }
        }
    }else{
        for(var i=0;i<pacientes.length;i++){
            var paciente=pacientes[i];
            paciente.classList.remove("invisivel");
        }
    }
})

var campoFiltro=document.querySelector("#filtrar-tabela");
campoFiltro.addEventListener("input",function(){
    console.log(this.value);
    var pacientes=document.querySelectorAll(".paciente");
    if(this.value.length>0){
        for(var i=0;i<pacientes.length;i++){
            var paciente=pacientes[i];
            var tdNome=paciente.querySelector(".info-nome");
            var nome=tdNome.textContent;
            var comparavel=nome.substr(0,this.value.length).toLowerCase();
            var valorDigitado=this.value.toLowerCase();
            if(!(valorDigitado==comparavel)){
                paciente.classList.add("invisivel");
            }else{
                paciente.classList.remove("invisivel");
            }
        }
    }else{
        for(var i=0;i<pacientes.length;i++){
            var paciente=pacientes[i];
            paciente.classList.remove("invisivel");
        }
    }
})