O método map
, além de chamar a função de callback para todos os elementos do array, também cria um novo array com o resultado dessas chamadas, e retorna esse array.
Sendo assim, bastaria percorrer o array, chamar a função e adicionar o resultado em outro array:
function callbackFn(element, index, array) {
// faz algo com o elemento e retorna o resultado (estou multiplicando por 2 só pra não retornar o mesmo número)
return element * 2;
}
const conjuntoDados = [20, 15, 10, 5, 30];
const result = [];
for (var i = 0; i < conjuntoDados.length; i++) {
// chama a função e adiciona o resultado em outro array
result.push(callbackFn(conjuntoDados[i], i, conjuntoDados));
}
console.log(result);
Mas se você já tem a função de callback pronta, por que não fazer apenas conjuntoDados.map(callbackFn)
?
Claro que daria para criar uma função, algo como:
function callbackFn(element, index, array) {
// faz algo com o elemento e retorna o resultado (estou multiplicando por 2 só pra não retornar o mesmo número)
return element * 2;
}
function map(array, callbackFn, thisArg) {
const result = [];
for (var i = 0; i < array.length; i++) {
result.push(callbackFn.call(thisArg, array[i], i, array));
}
return result;
}
const conjuntoDados = [20, 15, 10, 5, 30];
const result = map(conjuntoDados, callbackFn, null);
console.log(result);
Modifiquei a chamada do callback para usar call
, pois com isso posso setar o thisArg
, que é basicamente o this
que o callback enxergará (veja a documentação para mais detalhes). Fiz assim porque o método map
aceita este parâmetro (não ficou claro se você quer todas as funcionalidades que o método map
nativo possui).
Mas vale lembrar que, conforme lembrado nos comentários, esta é uma implementação simplificada do método map
, já que segundo a especificação da linguagem, o algoritmo é um pouco mais complicado.
Por exemplo, o método map
verifica se foi de fato passada uma função como callback (fazer algo como conjuntoDados.map('abc')
dá erro), além de ignorar índices que não existem no array.
Ou seja, para casos assim não daria o mesmo resultado:
function callbackFn(element, index, array) {
// faz algo com o elemento e retorna o resultado (estou multiplicando por 2 só pra não retornar o mesmo número)
return element * 2;
}
const array = [];
array[2] = 42;
array.length = 6;
// somente o elemento da posição 2 está setado
console.log(array);
const result = [];
for (var i = 0; i < array.length; i++) {
result.push(callbackFn(array[i], i, array));
}
console.log(result);
console.log(array.map(callbackFn));
Usando map
, os elementos cujos índices não existem no array acabam sendo undefined
(ver mais detalhes aqui), enquanto que se fizer o loop, eu acabo chamando o callback passando esses undefined
, e ao fazer contas com undefined
, o resultado acaba sendo NaN
(claro que o resultado pode ser outro, dependendo do que o callback faz, mas de qualquer forma veja que há diferença).
Até daria para fazer algo como:
const result = [];
for (var i = 0; i < array.length; i++) {
if (array.hasOwnProperty(i)) {
result[i] = callbackFn(array[i], i, array);
}
}
result.length = array.length;
Assim, o resultado ficaria com a mesma quantidade de "elementos vazios", mas aí já acho que é "ginástica" demais para pouco ganho, e o melhor seria usar map
mesmo.
Por fim, eu não entendi porque você quer criar uma função para substituir o map
. Se não quer usar map
, o loop simples me parece a melhor alternativa. Se for para jogar a lógica do loop em uma função, não vejo muito ganho, pois você trocou uma função nativa (o map
) por uma função sua que ainda por cima não é tão completa (e se não for fazer tudo que o map
faz, como validar se o argumento é uma função, ou se o caso do array com "espaços vazios" não se aplica, etc, ainda sim acho que um loop simples já resolve).
Array.prototype.forEach()
é o que se chama de abordagem ingênua aqui está a especificação do algoritmo a ser implementado com o métodoArray.prototype.forEach()
e aqui a especificação a ser implementada comArray.prototype.map()
map
. Se fossemos responder, teríamos que detalhar o algoritmo de implementação, não acha? Fiquei um pouco na duvida...