DEV Community

Cover image for A functional application of Array.every() and Array.some()
myleftshoe
myleftshoe

Posted on

A functional application of Array.every() and Array.some()

TL;DR

const and = (...fns) => (x) => fns.every(f => f(x))
const or = (...fns) => (x) => fns.some(f => f(x))
Enter fullscreen mode Exit fullscreen mode

(work it out yourself if you can't be bothered reading πŸ™ƒ)


You know the functional functions compose and pipe?

const pipe = (...fns) => (x) => fns.reduce((v, f) => f(v), x);
const compose = (...fns) => (x) => fns.reduceRight((v, f) => f(v), x);
Enter fullscreen mode Exit fullscreen mode

Well, I was writing some code to detect if a window was tiled to the left of the screen, i.e. aligned to the left of the screen and full height.

I already had the functions isLeftAligned and isFullHeight and so wrote a new function isTiledLeft:

function isTiledLeft(window) {
    return isLeftAligned(window) && isFullHeight(window)
}
Enter fullscreen mode Exit fullscreen mode

But I didn't like the repetition of window, heck what if there are more conditions to pass for the window to be considered tiled left?

In a spark of misguided insight I thought "Ah!, I can use compose"

const isTiledLeft = compose(isLeftAligned, isFullHeight)
Enter fullscreen mode Exit fullscreen mode

and call it like this:

if (isTiledLeft(window)) {
    // Do something
}
Enter fullscreen mode Exit fullscreen mode

Job done! Neat! Clean! Functional! Legend!

NOT! The more astute of you (and probably the downright stoners) would immediately know that this is not an application of compose!

The problem is that compose takes the output of each function and passes it to the next. isLeftAligned outputs true/false and compose then calls isFullHeight(true/false)!!! Doh! You're a legend in the same sense that Homer is a legend.

But it was so neat! I wanted to use compose 😞.

And straight after πŸ’₯ (I'm bipolar) - the signature of compose composed another idea in my head - i can use Array.every()

const and = (...fns) => (x) => fns.every(f => f(x))
Enter fullscreen mode Exit fullscreen mode
const isTiledLeft = and(isLeftAligned, isFullHeight)
Enter fullscreen mode Exit fullscreen mode

NICE!

And while I'm here I might as well do:

var isTiledRight = and(isRightAligned, isFullHeight)
Enter fullscreen mode Exit fullscreen mode

and:

const or = (...fns) => (x) => fns.some(f => f(x))
Enter fullscreen mode Exit fullscreen mode

And I did use compose after all, just not in code!

Top comments (0)