Map()

O método .map() é um dos métodos mais utilizados para arrays no JavaScript. Ele é usado para criar um novo array com os resultados da chamada de uma função para cada elemento do array original. Basicamente, ele percorre cada elemento do array, aplica uma função a cada um deles e retorna um novo array com os valores transformados.

Como funciona

O método .map() toma uma função de callback como argumento. Essa função é executada em cada elemento do array e recebe três argumentos: o valor atual, o índice do valor atual, e o array original. A função retorna o valor que será incluído no novo array.

Vantagens do Método .map()

• Imutabilidade: O array original não é modificado; em vez disso, é criado um novo array.
• Conciso: Torna o código mais limpo e legível ao evitar loops explícitos.
• Flexível: Pode ser usado para transformar os dados de várias maneiras, dependendo da função callback fornecida.

O método .map() é uma ferramenta poderosa para manipulação de arrays, permitindo criar novos arrays com base nos valores transformados dos arrays originais.

Exemplo

const products = ["Teclado", "Mouse", "Monitor"]

// Percorrer o array
// Normalmente utilizado quando queremos manipular o array
products.map((product) => {
	console.log(product)
})

// Sintaxe reduzida
// Normalmente utilizado quando queremos apenas retornar o valor
products.map((product) => console.log(product))

// Utilizar o novo objeto
const formatted = products.map((product) => {
	return product.toUpperCase()
})
console.log(formatted);

// Também podemos acrescentar um objeto
const object = products.map((product) => {
	return {
		id: new Date();
		name: product,
	}
})
console.log(object)

Filter()

O método .filter() é outro método útil para arrays em JavaScript. Ele cria um novo array com todos os elementos que passam em um teste implementado por uma função fornecida. Em outras palavras, ele filtra os elementos de um array com base em uma condição específica.

Como Funciona

O método .filter() também toma uma função de callback como argumento. Essa função é executada em cada elemento do array e deve retornar true ou false. Somente os elementos para os quais a função retorna true são incluídos no novo array.

Vantagens do Método .filter()

• Imutabilidade: O array original não é modificado; em vez disso é criado um novo array contento os elementos filtrados.
• Clareza: Torna o código mais legível ao evitar loops explícitos.