Dicas para escrever código de loops em JavaScript

À medida que você aprende a linguagem, a complexidade dos seus programas aumenta. É hora de falar sobre como escrever código corretamente para que ele faça o que você idealizou. Vou dar uma boa metodologia.

Suponha que você tenha uma tarefa de complexidade suficiente, para cuja implementação é necessário escrever uma certa quantidade de linhas de código.

A abordagem incorreta é tentar escrever todo o código da solução de uma vez, e só então começar a testá-lo. Nesse caso, a probabilidade é alta de que nada funcione, e você terá que procurar um erro em uma grande quantidade de código.

A abordagem correta é dividir a tarefa em pequenos passos elementares, que você irá implementar e verificar imediatamente sua correção. Dessa forma, mesmo se você errar em algum lugar, notará imediatamente o problema e poderá corrigi-lo.

Vamos tentar na prática. Para o exemplo, suponha que você tenha um array com números:

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];

Suponha que a tarefa seja pegar deste array os elementos que são divisíveis por 3 e encontrar a soma deles.

Como primeiro pequeno passo, eu sugeriria simplesmente iterar pelos elementos do array com um loop e exibi-los no console. Vamos fazer isso e nos certificar de que tudo funciona:

for (let elem of arr) {
	console.log(elem);
}

Agora, vamos separar os elementos que são divisíveis por 3. Vamos exibi-los no console e nos certificar de que estamos obtendo os elementos corretos:

for (let elem of arr) {
	if (elem % 3 === 0) {
		console.log(elem); // exibirá 3, 6, 9
	}
}

Agora, o próximo passo pode ser encontrar a soma dos elementos desejados:

let sum = 0;

for (let elem of arr) {
	if (elem % 3 === 0) {
		sum += elem;
	}
}

console.log(sum);

Dado o array:

let arr = [10, 20, 30, 40, 21, 32, 51];

Pegue deste array os elementos cujo primeiro dígito é 1 ou 2, e encontre a soma deles.