Info

Which is faster?

Preparation code

<script>
  (function(global) {
    var min = Math.min,
        max = Math.max;

    function clamp1(x, a, b) {
      return x < a ? a : x > b ? b : x
    }

    function clamp2(x, a, b) {
      return Math.min(Math.max(x, a), b)
    }

    function clamp3(x, a, b) {
      return min(max(x, a), b)
    }

    function clamp4(num, min, max) {
      if (num < min) return min;
      if (max < num) return max;
      return num;
    }

    function clamp5(num, min, max) {
      if (min < num) {
        if (num < max) {
          return num;
        }
        return max;
      }
      return min;
    }

    function clamp6(num, min, max) {
      if (num <= min) return min;
      if (max <= num) return max;
      return num;
    }
    global.clamp1 = clamp1;
    global.clamp2 = clamp2;
    global.clamp3 = clamp3;
    global.clamp4 = clamp4;
    global.clamp5 = clamp5;
    global.clamp6 = clamp6;
  })(window)
</script>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

clamp1(-11, 2, 7);
clamp1(4, 2, 7);
clamp1(7, 2, 7);
clamp1(11, 2, 7);

clamp2(-11, 2, 7);
clamp2(4, 2, 7);
clamp2(7, 2, 7);
clamp2(11, 2, 7);

clamp3(-11, 2, 7);
clamp3(4, 2, 7);
clamp3(7, 2, 7);
clamp3(11, 2, 7);

clamp4(-11, 2, 7);
clamp4(4, 2, 7);
clamp4(7, 2, 7);
clamp4(11, 2, 7);

clamp5(-11, 2, 7);
clamp5(4, 2, 7);
clamp5(7, 2, 7);
clamp5(11, 2, 7);

clamp6(-11, 2, 7);
clamp6(4, 2, 7);
clamp6(7, 2, 7);
clamp6(11, 2, 7);

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published on 9th July 2011
• Revision 2: published on 15th December 2011
• Revision 3: published on 15th December 2011
• Revision 4: published on 31st January 2012
• Revision 5: published on 1st February 2012

0 comments