Agrupamento de condições em JavaScript

Embora a operação && tenha precedência sobre ||, muitas vezes é mais conveniente usar parênteses para agrupar e mostrar explicitamente a precedência das operações:

let num = 3;

if ( (num > 0 && num < 5) || (num > 10 && num < 20) ) {
	console.log('+++');
} else {
	console.log('---');
}

Claro, o agrupamento também pode ser usado quando você precisa de uma precedência de operações diferente daquela que é obtida por padrão:

let num1 = 3;
let num2 = 5;

if ( num1 > 0 && (num2 == 3 || num2 == 5) ) {
	console.log('+++');
} else {
	console.log('---');
}

No código abaixo, especifique a precedência das operações de forma explícita:

let num = 3;
		
if (num > 5 && num < 10 || num == 20) {
	console.log('+++');
} else {
	console.log('---');
}

No código abaixo, especifique a precedência das operações de forma explícita:

let num = 3;
		
if (num > 5 || num > 0 && num < 3) {
	console.log('+++');
} else {
	console.log('---');
}

No código abaixo, especifique a precedência das operações de forma explícita:

let num = 3;
		
if (num == 9 || num > 10 && num < 20 || num > 20 && num < 30) {
	console.log('+++');
} else {
	console.log('---');
}