จะตรวจสอบว่าตัวเลขอยู่ระหว่างสองค่าได้อย่างไร?

ในจาวาสคริปต์ฉันบอกให้เบราว์เซอร์ทำอะไรบางอย่างถ้าขนาดหน้าต่างใหญ่กว่า 500px ฉันทำเช่นนั้น:

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

วิธีนี้ใช้งานได้ดี แต่ฉันต้องการใช้วิธีเดียวกันนี้ แต่ใช้ตัวเลขจำนวนหนึ่ง ดังนั้นฉันอยากจะบอกให้เบราว์เซอร์ของฉันทำสิ่งต่าง ๆ ถ้าขนาดหน้าต่างอยู่ระหว่าง 500px ถึง 600px ฉันรู้ว่ามันใช้งานไม่ได้ แต่นี่เป็นวิธีที่ฉันจินตนาการ:

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

สิ่งนี้เป็นไปได้ไหมภายใน JavaScript?

ทดสอบว่าwindowsizeมีค่ามากกว่า500และน้อยกว่า600ความหมายที่ว่าค่า500หรือ600ตัวมันเองจะไม่ส่งผลให้สภาพเป็นจริง

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

ฉันมีเวลาสักครู่ดังนั้นแม้ว่าคุณจะตอบรับแล้ว แต่ฉันคิดว่าฉันมีส่วนร่วมในสิ่งต่อไปนี้:

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

สาธิต JS ซอ

หรือหากคุณต้องการให้ตัวเลือกในการตรวจสอบตัวเลขอยู่ในช่วงที่กำหนดรวมถึงจุดสิ้นสุด :

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

สาธิต JS ซอ

แก้ไขเพื่อเพิ่มการแก้ไขเล็กน้อยด้านบนระบุว่า - ดังที่ระบุไว้ในความคิดเห็น -

... Function.prototype.apply()ช้า! นอกจากเรียกมันเมื่อคุณมีจำนวนอาร์กิวเมนต์คงที่ไม่มีจุดหมาย ...

มันคุ้มค่าที่จะลบการใช้งานFunction.prototype.apply()ซึ่งให้ผลการแก้ไขของวิธีการข้างต้นโดยไม่มีตัวเลือก 'รวม':

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

สาธิต JS ซอ

และด้วยตัวเลือก 'รวม':

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

สาธิต JS ซอ

อ้างอิง:

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

ฉันต้องการวางตัวแปรไว้ด้านในเพื่อให้คำแนะนำเพิ่มเติมว่ารหัสกำลังตรวจสอบตัวแปรของฉันอยู่ระหว่างค่าช่วง

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

เป็นคำถามเก่า แต่อาจมีประโยชน์สำหรับคนอย่างฉัน

lodashมี_.inRange()ฟังก์ชั่นhttps://lodash.com/docs/4.17.4#inRange

ตัวอย่าง:

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

โปรดทราบว่าวิธีนี้ใช้ประโยชน์จากLodashยูทิลิตี้ไลบรารี่และต้องการการเข้าถึง Lodash เวอร์ชันที่ติดตั้ง

คุณสามารถใช้เงื่อนไขหลายข้อได้ifแทนที่จะเขียน

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

เพราะสิ่งนี้ไม่มีเหตุผลที่สมเหตุสมผล JavaScript จะอ่านเงื่อนไขของคุณหากต้องการ

windowSize > -100 

เพราะมันจะคำนวณ500-600การ-100

คุณควรใช้&&สำหรับการตรวจสอบอย่างเข้มงวดทั้งสองกรณีซึ่งจะมีลักษณะเช่นนี้

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

// Then doo something

}

ฉันเพิ่งใช้ jQuery นี้เพื่อแสดงและซ่อนค่า mod bootstrap ฟิลด์ต่าง ๆ จะแสดงตามช่วงค่าของรายการกล่องข้อความของผู้ใช้

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

นี่เป็นวิธีที่สั้นที่สุดที่เป็นไปได้:

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

คุณสามารถหารทั้งสองข้างด้วย 2 ถ้าคุณไม่เข้าใจว่าอันแรกทำงานอย่างไร)