Benchmark: JavaScript: clamp() variants

Tests:

With inline statements
function clamp(n) { n < 0 && (n = 0); n > 100 && (n = 100); return n; } const n = clamp(150);
With min() and max()
function clamp(n) { return Math.min(Math.max(n, 0), 100); } const n = clamp(150);
With if statements
function clamp(n) { if (n < 0) n = 0; if (n > 100) n = 100; return n; } const n = clamp(150);
With ternary operator #1
function clamp(n) { n < 0 ? n = 0 : n; n > 100 ? n = 100 : n; return n; } const n = clamp(150);
With ternary operator #2
function clamp(n) { return n = n > 100 ? 100 : n < 0 ? 0 : n; } const n = clamp(150);

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: one month ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36

Browser/OS: Chrome 123 on Mac OS X 10.15.7

JavaScript: clamp() variants (version: 1)