Cách thanh lịch nhất để giới hạn một số cho một phân khúc là gì?

Hãy nói rằng x, avà blà những con số. Tôi cần phải giới hạn xđến giới hạn của phân khúc [a, b].

Tôi có thể viết Math.max(a, Math.min(x, b)), nhưng tôi không nghĩ nó rất dễ đọc. Có ai có một cách thông minh để viết này theo cách dễ đọc hơn không?

Cách bạn làm là khá chuẩn. Bạn có thể xác định một clampchức năng tiện ích :

/**
 * 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);
};

(Mặc dù mở rộng ngôn ngữ tích hợp thường được tán thành)

một cách tiếp cận theo hướng "Toán học" ít hơn, nhưng cũng nên hoạt động, theo cách này, bài kiểm tra </> được đưa ra (có thể dễ hiểu hơn là minimaxing) nhưng nó thực sự phụ thuộc vào ý của bạn là "có thể đọc được"

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

Cập nhật cho ECMAScript 2017:

Math.clamp(x, lower, upper)

Nhưng lưu ý rằng tính đến hôm nay, đó là đề xuất Giai đoạn 1 . Cho đến khi nó được hỗ trợ rộng rãi, bạn có thể sử dụng một polyfill .

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

Đây không muốn là câu trả lời "chỉ sử dụng một thư viện" nhưng chỉ trong trường hợp bạn đang sử dụng Lodash, bạn có thể sử dụng .clamp:

_.clamp(yourInput, lowerBound, upperBound);

Vậy nên:

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

Đây là cách thực hiện của nó, được lấy từ nguồn Lodash :

/**
 * 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;
}

Ngoài ra, điều đáng chú ý là Lodash cung cấp các phương thức đơn lẻ dưới dạng các mô-đun độc lập, vì vậy trong trường hợp bạn chỉ cần phương thức này, bạn chỉ có thể cài đặt nó mà không cần phần còn lại của thư viện:

npm i --save lodash.clamp

Nếu bạn có thể sử dụng các chức năng mũi tên es6, bạn cũng có thể sử dụng phương pháp ứng dụng một phần:

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

Nếu bạn không muốn xác định bất kỳ chức năng nào, viết nó như thế Math.min(Math.max(x, a), b)không phải là xấu.

Theo tinh thần của sự gợi cảm của mũi tên, bạn có thể tạo ra một kẹp / kẹp / cổng / & c. chức năng sử dụng các tham số nghỉ ngơi

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

Sau đó, chỉ cần vượt qua trong ba giá trị

clamp(100,-3,someVar);

Đó là, một lần nữa, nếu gợi cảm, bạn có nghĩa là 'ngắn'

Điều này mở rộng tùy chọn ternary thành if / other mà rút gọn tương đương với tùy chọn ternary nhưng không hy sinh khả năng đọc.

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

Giảm tối đa xuống 35b (hoặc 43b nếu sử dụng function):

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

Ngoài ra, tùy thuộc vào công cụ hoàn hảo hoặc trình duyệt bạn sử dụng, bạn sẽ nhận được các kết quả khác nhau về việc triển khai dựa trên Toán học hoặc triển khai dựa trên phương pháp nhanh hơn. Trong trường hợp có hiệu suất gần như nhau, tôi sẽ chọn khả năng đọc.

Yêu thích của tôi:

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