blocks|key|384060|text|测试windowsize是否大于500而小于600，这意味着无论是值500还是600本身都不会导致条件为真。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|384061|if+(windowsize+>+500+&&+windowsize+<+600)+{
++//+...
}|code-block|syntax|javascript|384062|entityMap^0|2|A|G|3|M|3|Y|3|13|3|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|L|$]]

Tests whether <code>windowsize</code> is greater than <code>500</code> and lesser than <code>600</code> meaning that neither values <code>500</code> or <code>600</code> itself will result in the condition becoming true.

<pre><code>if (windowsize &gt; 500 &amp;&amp; windowsize &lt; 600) {
 // ...
}
</code></pre>

blocks|key|384096|text|我更喜欢将变量放在内部，以给出额外的提示，即代码正在验证我的变量是否在一个范围值之间|type|unstyled|depth|inlineStyleRanges|entityRanges|data|384097|if+(500+<+size+&&+size+<+600)+{+doStuff();+}|code-block|syntax|javascript|384098|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I prefer to put the variable on the inside to give an extra hint that the code is validating my variable is between a range values

<pre><code>if (500 &lt; size &amp;&amp; size &lt; 600) { doStuff(); }
</code></pre>

blocks|key|166204|text|这是一个古老的问题，然而对于像我这样的人来说可能是有用的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|166205|lodash有_.inRange()函数https://lodash.com/docs/4.17.4#inRange|offset|length|style|CODE|166206|示例：|166207|_.inRange(3,+2,+4);
//+=>+true|code-block|syntax|javascript|166208|请注意，此方法使用Lodash实用程序库，并且需要访问已安装的Lodash版本。|166209|entityMap|0|LINK|mutability|MUTABLE|url|https://lodash.com/docs/4.17.4#inRange^0|0|0|6|7|B|K|12|0|0|0|0|9|6|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@$D|10|E|11|F|G]|$D|12|E|13|F|G]]|9|@$D|14|E|15|1|16]]|A|$]]|$1|H|3|I|5|6|7|17|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|18|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|19|8|@$D|1A|E|1B|F|G]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

It's an old question, however might be useful for someone like me.

<code>lodash</code> has <code>_.inRange()</code> function <a href="https://lodash.com/docs/4.17.4#inRange" rel="noreferrer">https://lodash.com/docs/4.17.4#inRange</a>

Example:

<pre><code>_.inRange(3, 2, 4);
// =&gt; true
</code></pre>

Please note that this method utilizes the <code>Lodash</code> utility library, and requires access to an installed version of Lodash.

blocks|key|166270|text|您可以在if条件中使用多个子句，而不是编写|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|166271|if+(windowsize+>+500-600)+{
++++//+do+this
}|code-block|syntax|javascript|166272|因为这在逻辑上没有任何意义，所以JavaScript将读取if条件，如下所示|166273|windowSize+>+-100+|166274|因为它计算-100的500-600|166275|例如，您应该使用&&来严格检查这两种情况，如下所示|166276|if(+windowSize+>+500+&&+windowSize+<+600+){

//+Then+doo+something

}|166277|entityMap^0|4|2|0|0|0|0|5|4|A|7|0|8|2|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|6|7|17|8|@$9|18|A|19|B|C]]|D|@]|E|$]]|$1|S|3|T|5|H|7|1A|8|@]|D|@]|E|$I|J]]|$1|U|3|-4|5|6|7|1B|8|@]|D|@]|E|$]]]|V|$]]

You can use Multiple clause in <code>if</code> condition instead of writing

<pre><code>if (windowsize &gt; 500-600) {
 // do this
}
</code></pre>

because this really makes no sense
logically JavaScript will read your if condition like 

<pre><code>windowSize &gt; -100 
</code></pre>

because it calculates <code>500-600</code> to <code>-100</code>

You should use <code>&amp;&amp;</code> for strict checking both cases for example which will look like this 

<pre><code>if( windowSize &gt; 500 &amp;&amp; windowSize &lt; 600 ){

// Then doo something

}
</code></pre>

blocks|key|166316|text|这是一个泛型方法，你可以在任何地方使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|166317|const+isBetween+=+(num1,num2,value)+=>+value+>+num1+&&+value+<+num2+|code-block|syntax|javascript|166318|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

this is a generic method, you can use everywhere
<pre><code>const isBetween = (num1,num2,value) =&gt; value &gt; num1 &amp;&amp; value &lt; num2 
</code></pre>

blocks|key|384260|text|下面是最短的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|384261|if+(Math.abs(v-550)<50)+console.log('short')
if+((v-500)*(v-600)<0)+console.log('short')|code-block|syntax|javascript|384262|参数化：|384263|if+(Math.abs(v-max%2Bv-min)<max%2Bmin)+console.log('short')
if+((v-min)*(v-max)<0)+console.log('short')|384264|如果你不明白第一个是如何工作的，你可以把两边都除以2；)|384265|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Here is the shortest method possible:

<pre><code>if (Math.abs(v-550)&lt;50) console.log('short')
if ((v-500)*(v-600)&lt;0) console.log('short')
</code></pre>

Parametrized:

<pre><code>if (Math.abs(v-max+v-min)&lt;max+min) console.log('short')
if ((v-min)*(v-max)&lt;0) console.log('short')
</code></pre>

You can divide both sides by 2 if you don't understand how the first one works;)

blocks|key|384135|text|我只是实现了这段jQuery来显示和隐藏引导模式值。根据用户文本框条目的值范围显示不同的字段。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|384136|$(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();
++++++++++++++++}
++++++++++++}
++++});|code-block|syntax|javascript|384137|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I just implemented this bit of jQuery to show and hide bootstrap modal values. Different fields are displayed based on the value range of a users textbox entry.

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

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

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

blocks|key|166357|text|就像David回答的那样，但我需要a或b的包含性。所以我的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|166358|export+const+between+=+(num:+number,+a:+number,+b:+number,+inclusiveA+=+true,+inclusiveB+=+true):+boolean+=>+{
++if+(a+>+b)+[a,+b,+inclusiveA,+inclusiveB]+=+[b,+a,+inclusiveB,+inclusiveA];
++if+(a+==+b+&&+(inclusiveA+%7C%7C+inclusiveB))+[inclusiveA,+inclusiveB]+=+[true,+true];
++return+(inclusiveA+?+num+>=+a+:+num+>+a)+&&+(inclusiveB+?+num+<=+b+:+num+<+b);
};

if+(require.main+===+module)+{
++console.log(between(12,+15,+10));+//true
++console.log(between(15,+15,+10));+//true
++console.log(between(15,+10,+15));+//true
++console.log(between(10,+10,+15,+false));+//false
++console.log(between(15,+10,+10,+true,+false));+//false
++
++//edge+case:+if+a==b+then+enough+that+either+of+the+edges+is+inclusive
++console.log(between(10,+10,+10,+true,+false));+//true
}|code-block|syntax|javascript|166359|它也是typescript而不是javascript|166360|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

just like David answer but i needed inclusive for either a or b. so my sol:
<pre class="lang-js prettyprint-override"><code>export const between = (num: number, a: number, b: number, inclusiveA = true, inclusiveB = true): boolean =&gt; {
 if (a &gt; b) [a, b, inclusiveA, inclusiveB] = [b, a, inclusiveB, inclusiveA];
 if (a == b &amp;&amp; (inclusiveA || inclusiveB)) [inclusiveA, inclusiveB] = [true, true];
 return (inclusiveA ? num &gt;= a : num &gt; a) &amp;&amp; (inclusiveB ? num &lt;= b : num &lt; b);
};

if (require.main === module) {
 console.log(between(12, 15, 10)); //true
 console.log(between(15, 15, 10)); //true
 console.log(between(15, 10, 15)); //true
 console.log(between(10, 10, 15, false)); //false
 console.log(between(15, 10, 10, true, false)); //false
 
 //edge case: if a==b then enough that either of the edges is inclusive
 console.log(between(10, 10, 10, true, false)); //true
}

</code></pre>
its also typescript and not javascript

blocks|key|166362|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|166363|++function+handleBetween(number,+calc)+{
++++++++let+[a,+b]+=+calc;
++++++++let+min+=+Math.min(a,+b),+max+=+Math.max(a,+b);
++++++++return+number+>+min+&&+number+<+max;
++++}

++++if(510+>500+&&+510+<600){
++++console.log(`510+>500+&&+510+<600+is+true`)
++++}


++++if(610+>500+&&+610+<600){
++++//+false
++++console.log(`610+>500+&&+610+<600+is+true`)
++++}+else+console.log(`610+>500+&&+610+<600+is+false`)


++++
+++++console.log(handleBetween(510,+[500,+600]));+//+true
+++++console.log(handleBetween(610,+[500,+600]));+//+false|code-block|syntax|javascript|166364|166365|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code> function handleBetween(number, calc) {
 let [a, b] = calc;
 let min = Math.min(a, b), max = Math.max(a, b);
 return number &gt; min &amp;&amp; number &lt; max;
 }

 if(510 &gt;500 &amp;&amp; 510 &lt;600){
 console.log(`510 &gt;500 &amp;&amp; 510 &lt;600 is true`)
 }


 if(610 &gt;500 &amp;&amp; 610 &lt;600){
 // false
 console.log(`610 &gt;500 &amp;&amp; 610 &lt;600 is true`)
 } else console.log(`610 &gt;500 &amp;&amp; 610 &lt;600 is false`)


 
 console.log(handleBetween(510, [500, 600])); // true
 console.log(handleBetween(610, [500, 600])); // false</code></pre>
</div>
</div>

In JavaScript, I'm telling the browser to do something if the window size is greater than 500px. I do it like so:

<pre><code>if (windowsize &gt; 500) {
 // do this
}
</code></pre>

This works great, but I would like to apply this same method, but with a range of numbers. So I would like to tell my browser to do stuff if the window size is between 500px and 600px. I know this wouldn't work, but here is how I imagined it:

<pre><code>if (windowsize &gt; 500-600) {
 // do this
}
</code></pre>

Is this even possible, within JavaScript?

How to check if a number is between two values?

在JavaScript中，如果窗口大小大于500px，我会告诉浏览器执行某些操作。我是这样做的：if (windowsize > 500) {    // do this}这很有效，但我想应用相同的方法，但要使用一个数字范围。所以我想告诉我的浏览器，如果窗口大小在500px到600px之间，就执行一些操作。我知道这是行不通的，但我是这么想的：if (windowsize > 500-600) { 

问如何检查一个数字是否在两个值之间？
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何检查一个数字是否在两个值之间？EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何检查一个数字是否在两个值之间？
EN