Simplificando os loops aninhados em javascript

Question

Gostaria de simplificar meu foreach aninhado dentro de um mapa em javascript, mas não tinha certeza de como abordá-lo

isso é o que eu tenho:

var items = [1, 2, 3];
var callbacks = [function() { console.log('hi') }, function() { console.log('hi') }]

var result = items.map(item => {
  var intermediate = item;
  callbacks.forEach(callback => {
    intermediate = callback(intermediate);
  })
  return intermediate;
});
console.log(result);

você é capaz de ajudar, por favor?

Answer 1

Você pode reduzir os arrays com os callbacks e mapear os valores.

const
    items = [1, 2, 3],
    callbacks = [x => x + 1, x => 2 * x],
    result = items.map(item => callbacks.reduce((x, fn) => fn(x), item));

console.log(result);