Dev NotesJS

Estruturas de Controle

Estruturas de controle são usadas para controlar o fluxo de um programa. Elas permitem que você execute diferentes blocos de código com base em condições, repita ações e tome decisões.

Sumário:

  1. Condicional - Estruturas condicionais são usadas para executar diferentes blocos de código com base em condições.
  2. Loop - Loops são usados para repetir um bloco de código várias vezes até que uma condição seja falsa. Existem diferentes tipos de loops, como for, while e do...while.
  3. Break e Continue - As palavras-chave break e continue são usadas para controlar o fluxo de loops. A palavra-chave break interrompe o loop, enquanto a palavra-chave continue pula para a próxima iteração do loop.
  4. Switch - A estrutura switch é usada para executar diferentes blocos de código com base no valor de uma variável. Ela é útil quando você tem várias condições para verificar.
  5. Estruturas Aninhadas - Estruturas aninhadas são estruturas de controle dentro de outras estruturas de controle. Elas permitem criar lógica mais complexa e controlar o fluxo do programa de maneira mais precisa.
  6. Estruturas de Controle Avançadas - Estruturas de controle avançadas são usadas para controlar o fluxo de um programa de maneira mais complexa. Elas incluem o operador ternário e a estrutura switch.
  7. For In e For Of - Os loops for...in e for...of são usados para iterar sobre as chaves de um vetor ou objeto e os valores de um vetor, respectivamente.

Condicional

Estruturas condicionais são usadas para executar diferentes blocos de código com base em condições.

Exemplo:

1var x = 5;
2
3if (x > 0) {
4	console.log('Positive');
5} else if (x < 0) {
6	console.log('Negative');
7} else {
8	console.log('Zero');
9}
No exemplo acima, x é 5. A estrutura condicional executa o bloco de código dentro do primeiro bloco if que é verdadeiro ou o bloco else se nenhum bloco if for verdadeiro.

Loop

Loops são usados para repetir um bloco de código várias vezes até que uma condição seja falsa. Existem diferentes tipos de loops, como for, while e do...while.

Exemplo:

1for (var i = 0; i < 5; i++) {
2	console.log(i);
3}
4// 0
5// 1
6// 2
7// 3
8// 4
9
10var i = 0;
11while (i < 5) {
12	console.log(i);
13	i++;
14}
15// 0
16// 1
17// 2
18// 3
19// 4
20
21var i = 0;
22do {
23	console.log(i);
24	i++;
25} while (i < 5);
26// 0
27// 1
28// 2
29// 3
30// 4
No exemplo acima, os loops for, while e do...while repetem o bloco de código várias vezes até que a condição seja falsa.

O loop for tem três partes: inicialização, condição e incremento.
O loop while executa o bloco de código enquanto a condição for verdadeira.
O loop do...while executa o bloco de código pelo menos uma vez e depois verifica a condição.

Break e Continue

As palavras-chave break e continue são usadas para controlar o fluxo de loops. A palavra-chave break interrompe o loop, enquanto a palavra-chave continue pula para a próxima iteração do loop.

Exemplo:

1for (var i = 0; i < 5; i++) {
2	if (i == 3) {
3		break;
4	}
5	console.log(i);
6}
7// 0
8// 1
9// 2
10
11for (var i = 0; i < 5; i++) {
12	if (i == 3) {
13		continue;
14	}
15	console.log(i);
16}
17// 0
18// 1
19// 2
20// 4
No exemplo acima, a palavra-chave break interrompe o loop e a palavra-chave continue pula para a próxima iteração do loop.

Switch

A estrutura switch é usada para executar diferentes blocos de código com base no valor de uma variável. Ela é útil quando você tem várias condições para verificar.

Exemplo:

1var day = 'Monday';
2
3switch (day) {
4	case 'Monday':
5		console.log('Work');
6		break;
7	case 'Saturday':
8		console.log('Relax');
9		break;
10	default:
11		console.log('No plan');
12}
No exemplo acima, day é 'Monday'. A estrutura switch executa o bloco de código dentro do primeiro bloco case que corresponde ao valor de day ou o bloco default se nenhum bloco case corresponder.

Estruturas Aninhadas

Estruturas aninhadas são estruturas de controle dentro de outras estruturas de controle. Elas permitem criar lógica mais complexa e controlar o fluxo do programa de maneira mais precisa.

Exemplo:

1var x = 5;
2var y = 6;
3
4if (x > 0) {
5	if (y > 0) {
6		console.log('Positive');
7	} else {
8		console.log('Negative');
9	}
10} else {
11	console.log('Zero');
12}
No exemplo acima, x é 5 e y é 6. As estruturas aninhadas combinam estruturas de controle para controlar o fluxo de um programa.

Estruturas de Controle Avançadas

Estruturas de controle avançadas são usadas para controlar o fluxo de um programa de maneira mais complexa. Elas incluem o operador ternário e a estrutura switch.

Exemplo:

1var x = 5;
2var y = 6;
3
4var result = x > 0 ? 'Positive' : 'Negative';
5console.log(result);
6
7var day = 'Monday';
8
9switch (day) {
10	case 'Monday':
11	case 'Tuesday':
12	case 'Wednesday':
13	case 'Thursday':
14	case 'Friday':
15		console.log('Work');
16		break;
17	case 'Saturday':
18	case 'Sunday':
19		console.log('Relax');
20		break;
21	default:
22		console.log('No plan');
23}
No exemplo acima, x é 5 e y é 6. As estruturas de controle avançadas controlam o fluxo de um programa de maneira mais complexa.

O operador ternário é usado para atribuir um valor com base em uma condição.
A estrutura switch é usada para executar código com base em múltiplas condições.

For In e For Of

Os loops for...in e for...of são usados para iterar sobre as chaves de um vetor ou objeto e os valores de um vetor, respectivamente.

Exemplo:

1var fruits = ['apple', 'banana', 'cherry'];
2
3for (var i in fruits) {
4	console.log(fruits[i]);
5}
6// apple
7// banana
8// cherry
9
10var person = {name: 'Diana', job: 'Developer'};
11
12for (var key in person) {
13	console.log(key + ': ' + person[key]);
14}
15// name: Diana
16// job: Developer
17
18for (var fruit of fruits) {
19	console.log(fruit);
20}
21// apple
22// banana
23// cherry
No exemplo acima, fruits é um vetor que armazena as frutas 'apple', 'banana' e 'cherry'. person é um objeto que armazena o nome 'Diana' e o trabalho 'Developer'.

O loop for...in itera sobre as chaves de um vetor ou objeto.
O loop for...of itera sobre os valores de um vetor.