Simplifying nested loops in javascript

Question

I'd like to simplify my nested foreach inside a map in javascript, but was not sure how to approach it

this is what I have:

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);

are you able to help pls?

You have to run all callbacks against all elements. I'm not sure how you expect to do less of this. — VLAZ
– VLAZ, Commented Oct 16, 2020 at 17:47
What do you mean by "simplify?" What's wrong with what you have now? — General Grievance
– General Grievance, Commented Oct 16, 2020 at 17:49
At any rate, if you want to do "a bunch of actions* against all elements, I'd suggest looking at transducers - constructs that deal with this. See: How to chain map and filter functions in the correct order | Transducer flatten and uniq | Mapping an object to array of objects in ES6 — VLAZ
– VLAZ, Commented Oct 16, 2020 at 17:54

Nina Scholz · Accepted Answer · 2020-10-16 17:52:19Z

2

You could reduce the arrays with the callbacks and map the values.

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);

answered Oct 16, 2020 at 17:52

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Simplifying nested loops in javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related