Bagaimana cara memeriksa apakah angka berada di antara dua nilai?

Dalam JavaScript, saya memberi tahu browser untuk melakukan sesuatu jika ukuran jendela lebih besar dari 500px. Saya melakukannya seperti ini:

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

Ini bekerja dengan baik, tetapi saya ingin menerapkan metode yang sama, tetapi dengan sejumlah angka. Jadi saya ingin memberi tahu browser saya untuk melakukan hal-hal jika ukuran jendela antara 500px dan 600px. Saya tahu ini tidak akan berhasil, tapi inilah yang saya bayangkan:

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

Apakah ini mungkin, dalam JavaScript?

Menguji apakah windowsizelebih besar 500dan lebih kecil dari 600arti bahwa tidak ada nilai 500atau 600dirinya sendiri yang akan menghasilkan kondisi menjadi kenyataan.

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

Saya punya waktu, jadi, meskipun Anda sudah menerima jawaban, saya pikir saya akan berkontribusi sebagai berikut:

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));

Demo JS Fiddle .

Atau, jika Anda lebih suka memiliki opsi untuk memeriksa nomor dalam kisaran yang ditentukan termasuk titik akhir :

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));

Demo JS Fiddle .

Diedit untuk menambahkan amandemen kecil ke atas, mengingat bahwa - sebagaimana tercantum dalam komentar -

... Function.prototype.apply()lambat! Selain menyebutnya ketika Anda memiliki jumlah argumen tetap tidak ada gunanya ...

itu layak menghapus penggunaan Function.prototype.apply(), yang menghasilkan versi yang diubah dari metode di atas, pertama tanpa opsi 'inklusif':

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));

Demo JS Fiddle .

Dan dengan opsi 'inklusif':

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));

Demo JS Fiddle .

Referensi:

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

Saya lebih suka meletakkan variabel di bagian dalam untuk memberikan petunjuk tambahan bahwa kode memvalidasi variabel saya antara nilai rentang

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

Ini pertanyaan lama, namun mungkin bermanfaat bagi orang seperti saya.

lodashmemiliki _.inRange()fungsi https://lodash.com/docs/4.17.4#inRange

Contoh:

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

Harap dicatat bahwa metode ini menggunakan Lodashperpustakaan utilitas, dan memerlukan akses ke versi Lodash yang diinstal.

Anda dapat menggunakan beberapa klausa dalam ifkondisi alih-alih menulis

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

karena ini benar-benar tidak masuk akal JavaScript akan membaca kondisi if Anda suka

windowSize > -100 

karena menghitung 500-600untuk-100

Anda harus menggunakan &&untuk memeriksa kedua kasus secara ketat misalnya yang akan terlihat seperti ini

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

// Then doo something

}

Saya baru saja mengimplementasikan sedikit jQuery ini untuk menunjukkan dan menyembunyikan nilai-nilai modal bootstrap. Bidang yang berbeda ditampilkan berdasarkan rentang nilai entri kotak teks pengguna.

$(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();
                }
            }
    });

Berikut adalah metode sesingkat mungkin:

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

Parametrized:

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

Anda dapat membagi kedua sisi dengan 2 jika Anda tidak mengerti bagaimana yang pertama bekerja;)