Làm thế nào để kiểm tra nếu một số nằm giữa hai giá trị?

Trong JavaScript, tôi đang bảo trình duyệt làm gì đó nếu kích thước cửa sổ lớn hơn 500px. Tôi làm như vậy:

if (windowsize > 500) {
    // do this
}

Điều này hoạt động rất tốt, nhưng tôi muốn áp dụng phương pháp tương tự, nhưng với một loạt các số. Vì vậy, tôi muốn nói với trình duyệt của mình làm công cụ nếu kích thước cửa sổ nằm trong khoảng từ 500px đến 600px. Tôi biết điều này sẽ không hoạt động, nhưng đây là cách tôi tưởng tượng nó:

if (windowsize > 500-600) {
    // do this
}

Điều này thậm chí có thể, trong JavaScript?

Kiểm tra xem windowsizelớn hơn 500và nhỏ hơn 600có nghĩa là không có giá trị 500hoặc 600chính nó sẽ dẫn đến điều kiện trở thành đúng.

if (windowsize > 500 && windowsize < 600) {
  // ...
}

Tôi đã có một khoảnh khắc, vì vậy, mặc dù bạn đã chấp nhận câu trả lời, tôi nghĩ tôi sẽ đóng góp như sau:

Number.prototype.between = function(a, b) {
  var min = Math.min.apply(Math, [a, b]),
    max = Math.max.apply(Math, [a, b]);
  return this > min && this < max;
};

var windowSize = 550;

console.log(windowSize.between(500, 600));

Bản demo của Fiddle .

Hoặc, nếu bạn muốn có tùy chọn kiểm tra một số nằm trong phạm vi được xác định bao gồm các điểm cuối :

Number.prototype.between = function(a, b, inclusive) {
  var min = Math.min.apply(Math, [a, b]),
    max = Math.max.apply(Math, [a, b]);
  return inclusive ? this >= min && this <= max : this > min && this < max;
};

var windowSize = 500;

console.log(windowSize.between(500, 603, true));

Bản demo của Fiddle .

Đã chỉnh sửa để thêm một sửa đổi nhỏ ở trên, cho rằng - như đã lưu ý trong các nhận xét -

Sầu Function.prototype.apply()thì chậm! Bên cạnh việc gọi nó khi bạn có một lượng đối số cố định là vô nghĩa

đáng để loại bỏ việc sử dụng Function.prototype.apply(), mang lại các phiên bản sửa đổi của các phương pháp trên, trước hết không có tùy chọn 'bao gồm':

Number.prototype.between = function(a, b) {
  var min = Math.min(a, b),
    max = Math.max(a, b);

  return this > min && this < max;
};

var windowSize = 550;

console.log(windowSize.between(500, 600));

Bản demo của Fiddle .

Và với tùy chọn 'bao gồm':

Number.prototype.between = function(a, b, inclusive) {
  var min = Math.min(a, b),
    max = Math.max(a, b);

  return inclusive ? this >= min && this <= max : this > min && this < max;
}

var windowSize = 500;

console.log(windowSize.between(500, 603, true));

Bản demo của Fiddle .

Người giới thiệu:

• Function.prototype.apply().
• Math.max().
• Math.min().

Tôi thích đặt biến ở bên trong để đưa ra gợi ý thêm rằng mã đang xác thực biến của tôi nằm giữa một giá trị phạm vi

if (500 < size && size < 600) { doStuff(); }

Đó là một câu hỏi cũ, tuy nhiên có thể hữu ích cho những người như tôi.

lodashcó _.inRange()chức năng https://lodash.com/docs/4.17.4#inRange

Thí dụ:

_.inRange(3, 2, 4);
// => true

Xin lưu ý rằng phương pháp này sử dụng Lodashthư viện tiện ích và yêu cầu quyền truy cập vào phiên bản đã cài đặt của Lodash.

Bạn có thể sử dụng nhiều mệnh đề trong ifđiều kiện thay vì viết

if (windowsize > 500-600) {
    // do this
}

bởi vì điều này thực sự vô nghĩa khi JavaScript sẽ đọc nếu điều kiện của bạn như

windowSize > -100 

bởi vì nó tính toán 500-600để-100

Bạn nên sử dụng &&để kiểm tra nghiêm ngặt cả hai trường hợp, ví dụ như thế này

if( windowSize > 500 && windowSize < 600 ){

// Then doo something

}

Tôi vừa triển khai bit jQuery này để hiển thị và ẩn các giá trị phương thức bootstrap. Các trường khác nhau được hiển thị dựa trên phạm vi giá trị của mục nhập hộp văn bản người dùng.

$(document).ready(function () {
    jQuery.noConflict();
    var Ammount = document.getElementById('Ammount');

    $("#addtocart").click(function () {

            if ($(Ammount).val() >= 250 && $(Ammount).val() <= 499) {
                {
                    $('#myModal').modal();
                    $("#myModalLabelbronze").show();
                    $("#myModalLabelsilver").hide();
                    $("#myModalLabelgold").hide();
                    $("#myModalPbronze").show();
                    $("#myModalPSilver").hide();
                    $("#myModalPGold").hide();
                }
            }
    });

Đây là phương pháp ngắn nhất có thể:

if (Math.abs(v-550)<50) console.log('short')
if ((v-500)*(v-600)<0) console.log('short')

Tham số:

if (Math.abs(v-max+v-min)<max+min) console.log('short')
if ((v-min)*(v-max)<0) console.log('short')

Bạn có thể chia cả hai bên cho 2 nếu bạn không hiểu cách thức đầu tiên hoạt động;)