Entendendo os Paradigmas de Programação em JavaScript

JavaScript é uma linguagem de programação que suporta múltiplos paradigmas, incluindo o procedural e o orientado a objetos. O paradigma procedural consiste em organizar o código em sequências de instruções e subrotinas que podem ser chamadas e reutilizadas. O paradigma orientado a objetos consiste em organizar o código em objetos que possuem propriedades e métodos. Um método é uma função que pertence a um objeto e pode acessar e modificar seus dados.

Um exemplo de código procedural em JavaScript é:

// Está função retorna o cálculo de médias
function calcularMedia(notas) {
  let soma = 0;
  for (let i = 0; i < notas.length; i++) {
    soma += notas[i];
  }
  const media = soma / notas.length;
  return media;
}

const notas = [8, 7, 6, 9, 8.5];
const media = calcularMedia(notas);
console.log("A média das notas é: " + media);

// Esta outra é uma manipulação e array
function filtrarPares(numeros) {
  const pares = [];
  for (let i = 0; i < numeros.length; i++) {
    if (numeros[i] % 2 === 0) {
      pares.push(numeros[i]);
    }
  }
  return pares;
}

const numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const numerosPares = filtrarPares(numeros);
console.log("Números pares: " + numerosPares);

1 - Função calculaMedia();

Função calcularMedia(notas): Essa função recebe um array de notas como parâmetro e calcula a média aritmética das notas. Ela começa inicializando uma variável soma com o valor zero, em seguida, usa um loop for para percorrer cada elemento do array notas e adicioná-lo à variável soma. Em seguida, divide a soma pelo tamanho do array notas para obter a média e armazena o resultado na variável media. Por fim, a função retorna a média calculada. Na sequência, é criado um array notas com os valores [8, 7, 6, 9, 8.5], a função calcularMedia é chamada passando esse array como argumento, e o resultado é armazenado na variável media. Por fim, a média das notas é exibida no console.

2 - Função filtrarPares();

Função filtrarPares(numeros): Essa função recebe um array de numeros como parâmetro e retorna um novo array contendo apenas os números pares. Ela começa declarando um array vazio pares, em seguida, usa um loop for para percorrer cada elemento do array numeros. Dentro do loop, verifica se o número é par, usando a condição numeros[i] % 2 === 0, que verifica se o resto da divisão do número por 2 é igual a zero. Se o número for par, ele é adicionado ao array pares usando o método push(). No final, a função retorna o array pares com os números pares. Na sequência, é criado um array numeros com os valores [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], a função filtrarPares é chamada passando esse array como argumento, e o resultado é armazenado na variável numerosPares. Por fim, os números pares são exibidos no console.

Um exemplo de código orientado a objetos em JavaScript é:

class Pessoa {
  constructor(nome, idade) {
    this.nome = nome;
    this.idade = idade;
  }

  saudacao() {
    console.log(`Olá, meu nome é ${this.nome} e tenho ${this.idade} anos.`);
  }
}

const pessoa1 = new Pessoa("João", 25);
pessoa1.saudacao(); // Saída: "Olá, meu nome é João e tenho 25 anos."

const pessoa2 = new Pessoa("Maria", 30);
pessoa2.saudacao(); // Saída: "Olá, meu nome é Maria e tenho 30 anos."

Nesse exemplo, é criada uma classe Pessoa com um construtor que recebe nome e idade como parâmetros. A classe tem um método saudacao() que imprime uma saudação no console com o nome e idade da pessoa. Em seguida, são criados dois objetos (pessoa1 e pessoa2) a partir da classe Pessoa usando o operador new, e os métodos são chamados nesses objetos.

JavaScript permite usar os dois paradigmas de forma combinada ou alternada, dependendo da necessidade e preferência do programador. Cada paradigma tem suas vantagens e desvantagens, e cabe ao programador escolher o mais adequado para cada situação.

Você pode complementar seus estudos com o artigo do site dev.to