Was ist die eleganteste Art, eine Zahl einem Segment zuzuordnen?

Sagen wir x, aund bsind Zahlen. Ich muss mich xan die Grenzen des Segments halten [a, b].

Ich kann schreiben Math.max(a, Math.min(x, b)), aber ich denke nicht, dass es sehr einfach zu lesen ist. Hat jemand eine clevere Möglichkeit, dies besser lesbar zu schreiben?

Die Art und Weise, wie Sie es tun, ist ziemlich normal. Sie können eine Dienstprogrammfunktion definieren clamp:

/**
 * Returns a number whose value is limited to the given range.
 *
 * Example: limit the output of this computation to between 0 and 255
 * (x * 255).clamp(0, 255)
 *
 * @param {Number} min The lower boundary of the output range
 * @param {Number} max The upper boundary of the output range
 * @returns A number in the range [min, max]
 * @type Number
 */
Number.prototype.clamp = function(min, max) {
  return Math.min(Math.max(this, min), max);
};

(Obwohl das Erweitern von Sprachintegrationen im Allgemeinen verpönt ist)

Ein weniger "mathematisch" orientierter Ansatz, der aber auch funktionieren sollte. Auf diese Weise wird der </> Test angezeigt (möglicherweise verständlicher als Minimaxing), aber es hängt wirklich davon ab, was Sie unter "lesbar" verstehen.

function clamp(num, min, max) {
  return num <= min ? min : num >= max ? max : num;
}

Update für ECMAScript 2017:

Math.clamp(x, lower, upper)

Beachten Sie jedoch, dass es sich ab heute um einen Vorschlag der Stufe 1 handelt . Bis es weitgehend unterstützt wird, können Sie eine Polyfüllung verwenden .

Math.clip = function(number, min, max) {
  return Math.max(min, Math.min(number, max));
}

Dies möchte keine "Just-Use-a-Library" -Antwort sein, aber nur für den Fall, dass Sie Lodash verwenden, können Sie Folgendes verwenden .clamp:

_.clamp(yourInput, lowerBound, upperBound);

Damit:

_.clamp(22, -10, 10); // => 10

Hier ist die Implementierung aus der Lodash- Quelle :

/**
 * The base implementation of `_.clamp` which doesn't coerce arguments.
 *
 * @private
 * @param {number} number The number to clamp.
 * @param {number} [lower] The lower bound.
 * @param {number} upper The upper bound.
 * @returns {number} Returns the clamped number.
 */
function baseClamp(number, lower, upper) {
  if (number === number) {
    if (upper !== undefined) {
      number = number <= upper ? number : upper;
    }
    if (lower !== undefined) {
      number = number >= lower ? number : lower;
    }
  }
  return number;
}

Es ist auch erwähnenswert, dass Lodash einzelne Methoden als eigenständige Module zur Verfügung stellt. Wenn Sie also nur diese Methode benötigen, können Sie sie einfach ohne den Rest der Bibliothek installieren:

npm i --save lodash.clamp

Wenn Sie es6-Pfeilfunktionen verwenden können, können Sie auch einen Teilanwendungsansatz verwenden:

const clamp = (min, max) => (value) =>
    value < min ? min : value > max ? max : value;

clamp(2, 9)(8); // 8
clamp(2, 9)(1); // 2
clamp(2, 9)(10); // 9

or

const clamp2to9 = clamp(2, 9);
clamp2to9(8); // 8
clamp2to9(1); // 2
clamp2to9(10); // 9

Wenn Sie keine Funktion definieren möchten, Math.min(Math.max(x, a), b)ist es gar nicht so schlecht , sie so zu schreiben .

Im Geiste der Pfeilsexiness könnten Sie eine Mikroklemme / Constrain / Gate / & c erstellen. Funktion mit Ruheparametern

var clamp = (...v) => v.sort((a,b) => a-b)[1];

Dann geben Sie einfach drei Werte ein

clamp(100,-3,someVar);

Das heißt, wenn mit sexy gemeint ist, meinst du "kurz"

Dies erweitert die ternäre Option zu if / else, das minimiert der ternären Option entspricht, jedoch nicht die Lesbarkeit beeinträchtigt.

const clamp = (value, min, max) => {
  if (value < min) return min;
  if (value > max) return max;
  return value;
}

Minimiert auf 35b (oder 43b bei Verwendung function):

const clamp=(c,a,l)=>c<a?a:c>l?l:c;

Abhängig davon, welches Perf-Tool oder welchen Browser Sie verwenden, erhalten Sie verschiedene Ergebnisse darüber, ob die mathematische oder die ternäre Implementierung schneller ist. Bei ungefähr gleicher Leistung würde ich mich für die Lesbarkeit entscheiden.

Mein Favorit:

[min,x,max].sort()[1]