Resumo : neste tutorial, você aprenderá como usar a if
instrução JavaScript para executar um bloco quando uma condição for true
.
Introdução à instrução if do JavaScript
A if
instrução executa o bloco se uma condição for true
. O seguinte mostra a sintaxe da if
instrução:
if( condition )
statement;
Linguagem de código: JavaScript ( javascript )
O condition
pode ser um valor ou uma expressão. Normalmente, a condição é avaliada como um valor booleano , que é true
ou false
.
Se for condition
avaliado como true
, a if
instrução executa o statement
. Caso contrário, a if
instrução passa o controle para a instrução seguinte.
O fluxograma a seguir ilustra como a if
instrução funciona:
Se for condition
avaliado como um valor não booleano, o JavaScript converte implicitamente seu resultado em um valor booleano chamando a Boolean()
função.
Se você tiver mais de uma instrução para executar, será necessário envolvê-las em um bloco usando um par de chaves da seguinte maneira:
if (condition) {
// statements to execute
}
Linguagem de código: JavaScript ( javascript )
No entanto, é uma boa prática sempre usar chaves com a if
declaração. Ao fazer isso, você facilita a manutenção do seu código e evita possíveis erros.
Exemplos de instruções if em JavaScript
O exemplo a seguir usa a if
instrução para verificar se a idade é igual ou maior que 18
:
let age = 18;
if (age >= 18) {
console.log('You can sign up');
}
Linguagem de código: JavaScript ( javascript )
Saída:
You can sign up
Linguagem de código: JavaScript ( javascript )
Como funciona.
Primeiro, declare e inicialize a variável age
para 18
:
let age = 18;
Linguagem de código: JavaScript ( javascript )
Segundo, verifique se a idade é maior ou igual ao 18
usar a if
declaração. Como a expressão age >= 18
é true
, o código dentro da if
instrução é executado e envia uma mensagem para o console:
if (age >= 18) {
console.log('You can sign up');
}
Linguagem de código: JavaScript ( javascript )
O exemplo a seguir também usa a if
instrução. No entanto, age
é o 16
que faz com que a condição seja avaliada como false
. Portanto, você não verá nenhuma mensagem na saída:
let age = 16;
if (age >= 18) {
console.log('You can sign up');
}
Linguagem de código: JavaScript ( javascript )
Instrução if aninhada
É possível usar uma if
instrução dentro de outra if
instrução. Por exemplo:
let age = 16;
let state = 'CA';
if (state == 'CA') {
if (age >= 16) {
console.log('You can drive.');
}
}
Linguagem de código: JavaScript ( javascript )
Saída:
You can drive.
Linguagem de código: JavaScript ( javascript )
Como funciona.
Primeiro, declare e inicialize as variáveis age
e :state
let age = 16;
let state = 'CA';
Linguagem de código: JavaScript ( javascript )
Segundo, verifique se state
está 'CA'
usando uma if
instrução. Se sim, verifique se age
é maior do que 16
usar uma instrução aninhada if
e envie uma mensagem para o console:
if (state == 'CA') {
if (age == 16) {
console.log('You can drive.');
}
}
Linguagem de código: JavaScript ( javascript )
Na prática, você deve evitar if
o máximo possível o uso de instruções aninhadas. Por exemplo, você pode usar o &&
operador para combinar as condições e usar if
instruções da seguinte maneira:
let age = 16;
let state = 'CA';
if (state == 'CA' && age == 16) {
console.log('You can drive.');
}
Linguagem de código: JavaScript ( javascript )
Resumo
- Use a instrução JavaScript
if
para executar uma instrução se uma condição fortrue
. - Evite usar
if
instruções aninhadas tanto quanto possível.