Apostilas em PDF – Métodos e Conceitos Fundamentais de JavaScript para Provas e Desenvolvimento

 1. Desestruturação de Arrays

A desestruturação permite extrair valores de arrays e objetos de forma simples.

const animals = [“Dog”, “Cat”, “Pig”]

// Ignorando os dois primeiros elementos:

const [ , , animal] = animals

console.log(animal) // “Pig”

📌 Questão de prática:
Qual a forma correta de desestruturar um array para ignorar os dois primeiros elementos?
👉 Resposta: const [ , , animal] = animals

---

🔹 2. Spread Operator (…)

O operador spread (…) expande elementos de arrays e objetos.

const arr1 = [1, 2]

const arr2 = [3, 4]

const result = […arr1, …arr2] // [1, 2, 3, 4]

const obj1 = { nome: “Ana” }

const obj2 = { idade: 25 }

const user = { …obj1, …obj2 }

console.log(user) // { nome: “Ana”, idade: 25 }

---

🔹 3. Métodos de Arrays: map e filter

map() – transformar arrays

const names = [“João”, “Maria”, “Tereza”]

const upper = names.map(name => name.toUpperCase())

console.log(upper) // [“JOÃO”, “MARIA”, “TEREZA”]

filter() – filtrar elementos

const nums = [1, 2, 3, 4, 5]

const pares = nums.filter(n => n % 2 === 0)

console.log(pares) // [2, 4]

📌 Questão de prática:
O método filter() altera o array original?
👉 Não! Ele cria um novo array com os elementos que atendem à condição.

---

🔹 4. Imutabilidade

Imutabilidade significa não alterar diretamente um objeto ou array, mas criar uma nova versão.

const user = { nome: “Ana”, idade: 25 }

const updated = { …user, idade: 26 }

console.log(user)    // { nome: “Ana”, idade: 25 }

console.log(updated) // { nome: “Ana”, idade: 26 }

---

🔹 5. Promises e Funções Assíncronas

Promise

const promise = new Promise((resolve) => {

  setTimeout(() => resolve(“Sucesso!”), 1000)

})

promise.then(msg => console.log(msg)) // “Sucesso!” após 1s

Async/Await

async function getData() {

  return “Dados carregados”

}

getData().then(console.log) // “Dados carregados”

📌 Atenção: funções assíncronas não bloqueiam o restante do código.

---

🔹 6. Pacotes e Gerenciadores

Pacotes (ou bibliotecas) oferecem funcionalidades prontas para não reinventar a roda.

• Gerenciador mais popular: npm (Node Package Manager).
• Comandos úteis:

npm install express   # instalar

npm update            # atualizar

npm uninstall express # remover

---

🔹 7. API e Métodos HTTP

O que é uma API?

API (Application Programming Interface) é um conjunto de regras e funcionalidades que permite a comunicação entre sistemas.

Métodos HTTP mais usados:

• GET → buscar dados
• POST → criar dados
• PUT → atualizar totalmente
• PATCH → atualizar parcialmente
• DELETE → remover dados

📌 Exemplo:

fetch(“https://api.exemplo.com/users”, {

  method: “POST”,

  body: JSON.stringify({ nome: “Ana” }),

  headers: { “Content-Type”: “application/json” }

})

---

🔎 Questões 

(1) O que uma Promise representa em JavaScript?
a) Uma função para operações síncronas
b) Um objeto que representa o eventual resultado de uma operação assíncrona ✅
c) Um objeto já resolvido
d) Uma técnica para imutabilidade

---

(2) Quais métodos HTTP são mais utilizados em APIs REST?
a) GET, POST, PUT, DELETE, PATCH ✅
b) GET, CREATE, UPDATE, REMOVE
c) GET, POST, EDIT, PATCH
d) GET, POST, PUT, REMOVE

---

Conclusão

Esses conceitos de JavaScript moderno são cobrados em concursos e aplicados no dia a dia do desenvolvedor. Entender imutabilidade, Promises, métodos de arrays e APIs é fundamental para quem deseja dominar a linguagem e se preparar para provas e desafios técnicos.