DEV Community

lechat
lechat

Posted on

3 3

Let's use reduce, map, filter, foreach and be more functional in javascript

console.log([1,2,3,4].reduce((x,y) => { return x  + y })) // 10 
// Elements reduced to one value

console.log([1,2,3,4].map((x) => { return x  + 5 })) // [6,7,8,9] 
// Do something for each value and make a new array

console.log([1,2,3,4].filter((x) => { return x  % 2 === 0 })) // [2,4] 
// Filter the elements and make a new array

const array1 = [1, 2, 3, 4];

array1.forEach(x => { console.log(x)});
// For each loop.

Enter fullscreen mode Exit fullscreen mode

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series