blocks|key|1951474|text|您可以使用开关：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1951475|switch+(foobar)+{
++case+foo:
++case+bar:
++++//+do+something
}|code-block|syntax|javascript|1951476|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|$]]

You can use a switch:

<pre><code>switch (foobar) {
 case foo:
 case bar:
 // do something
}
</code></pre>

blocks|key|1738283|text|我用来做的是将这些多个值放入一个数组中，如下所示|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1738284|var+options+=+[foo,+bar];|code-block|syntax|javascript|1738285|然后，使用indexOf()|1738286|if(options.indexOf(foobar)+>+-1){
+++//do+something
}|1738287|对于漂亮：|1738288|if([foo,+bar].indexOf(foobar)+%2B1){
+++//you+can't+get+any+more+pretty+than+this+:)
}|1738289|对于较旧的浏览器：|1738290|(+https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/IndexOf+)|offset|length|1738291|if+(!Array.prototype.indexOf)+{
++++Array.prototype.indexOf+=+function+(searchElement+/*,+fromIndex+*/+)+{
++++++++"use+strict";
++++++++if+(this+==+null)+{
++++++++++++throw+new+TypeError();
++++++++}
++++++++var+t+=+Object(this);
++++++++var+len+=+t.length+>>>+0;
++++++++if+(len+===+0)+{
++++++++++++return+-1;
++++++++}
++++++++var+n+=+0;
++++++++if+(arguments.length+>+0)+{
++++++++++++n+=+Number(arguments[1]);
++++++++++++if+(n+!=+n)+{+//+shortcut+for+verifying+if+it's+NaN
++++++++++++++++n+=+0;
++++++++++++}+else+if+(n+!=+0+&&+n+!=+Infinity+&&+n+!=+-Infinity)+{
++++++++++++++++n+=+(n+>+0+%7C%7C+-1)+*+Math.floor(Math.abs(n));
++++++++++++}
++++++++}
++++++++if+(n+>=+len)+{
++++++++++++return+-1;
++++++++}
++++++++var+k+=+n+>=+0+?+n+:+Math.max(len+-+Math.abs(n),+0);
++++++++for+(;+k+<+len;+k%2B%2B)+{
++++++++++++if+(k+in+t+&&+t[k]+===+searchElement)+{
++++++++++++++++return+k;
++++++++++++}
++++++++}
++++++++return+-1;
++++}
}|1738292|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/IndexOf^0|0|0|0|0|0|0|0|2|2A|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|16|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|18|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1B|8|@]|9|@$S|1C|T|1D|1|1E]]|A|$]]|$1|U|3|V|5|D|7|1F|8|@]|9|@]|A|$E|F]]|$1|W|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]]]

What i use to do, is put those multiple values in an array like

<pre><code>var options = [foo, bar];
</code></pre>

and then, use indexOf()

<pre><code>if(options.indexOf(foobar) &gt; -1){
 //do something
}
</code></pre>

for prettiness:

<pre><code>if([foo, bar].indexOf(foobar) +1){
 //you can't get any more pretty than this :)
}
</code></pre>

and for the older browsers: 
( <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/IndexOf" rel="noreferrer">https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/IndexOf</a> )

<pre><code>if (!Array.prototype.indexOf) {
 Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) {
 "use strict";
 if (this == null) {
 throw new TypeError();
 }
 var t = Object(this);
 var len = t.length &gt;&gt;&gt; 0;
 if (len === 0) {
 return -1;
 }
 var n = 0;
 if (arguments.length &gt; 0) {
 n = Number(arguments[1]);
 if (n != n) { // shortcut for verifying if it's NaN
 n = 0;
 } else if (n != 0 &amp;&amp; n != Infinity &amp;&amp; n != -Infinity) {
 n = (n &gt; 0 || -1) * Math.floor(Math.abs(n));
 }
 }
 if (n &gt;= len) {
 return -1;
 }
 var k = n &gt;= 0 ? n : Math.max(len - Math.abs(n), 0);
 for (; k &lt; len; k++) {
 if (k in t &amp;&amp; t[k] === searchElement) {
 return k;
 }
 }
 return -1;
 }
}
</code></pre>

blocks|key|1951907|text|由于还没有人添加适用于两个比较的显而易见的解决方案，因此我将提供它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1951908|if+(foobar+===+foo+%7C%7C+foobar+===+bar)+{
+++++//do+something
}|code-block|syntax|javascript|1951909|而且，如果你有很多值(可能是数百或数千)，那么我建议你做一个集合，因为这使得比较代码非常干净和简单，而且在运行时速度很快：|1951910|//+pre-construct+the+Set
var+tSet+=+new+Set(["foo",+"bar",+"test1",+"test2",+"test3",+...]);

//+test+the+Set+at+runtime
if+(tSet.has(foobar))+{
++++//+do+something
}|1951911|对于ES6之前的版本，您可以获得一组多边形填充，其中有许多。其中一个是在此other+answer中描述的。|offset|length|1951912|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/7958292/mimicking-sets-in-javascript/7958422#7958422^0|0|0|0|0|11|C|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

Since nobody has added the obvious solution yet which works fine for two comparisons, I'll offer it:

<pre><code>if (foobar === foo || foobar === bar) {
 //do something
}
</code></pre>

And, if you have lots of values (perhaps hundreds or thousands), then I'd suggest making a Set as this makes very clean and simple comparison code and it's fast at runtime:

<pre><code>// pre-construct the Set
var tSet = new Set(["foo", "bar", "test1", "test2", "test3", ...]);

// test the Set at runtime
if (tSet.has(foobar)) {
 // do something
}
</code></pre>

For pre-ES6, you can get a Set polyfill of which there are many. One is described in this <a href="https://stackoverflow.com/questions/7958292/mimicking-sets-in-javascript/7958422#7958422">other answer</a>.

blocks|key|1738532|text|否则，如果仅基于单个整数、枚举值或字符串对象比较表达式，则可以使用(foobar+==+foo+%7C%7C+foobar+==+bar)。参见The+switch+Statement。您也可以使用AndréAlçada+Padez建议的方法。最终，您选择的内容将取决于您所做的工作的细节。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1738533|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.oracle.com/javase/tutorial/java/nutsandbolts/switch.html^0|X|W|1W|K|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

<code>(foobar == foo || foobar == bar)</code> otherwise if you are comparing expressions based only on a single integer, enumerated value, or String object you can use switch. See <a href="http://docs.oracle.com/javase/tutorial/java/nutsandbolts/switch.html" rel="nofollow">The switch Statement</a>. You can also use the method suggested by André Alçada Padez. Ultimately what you select will need to depend on the details of what you are doing.

blocks|key|1952036|text|不要试图太偷偷摸摸，特别是当它不必要地影响性能的时候。如果你真的有一大堆的比较要做，只需要很好地格式化它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1952037|if+(foobar+===+foo+%7C%7C
++++foobar+===+bar+%7C%7C
++++foobar+===+baz+%7C%7C
++++foobar+===+pew)+{
+++++//do+something
}|code-block|syntax|javascript|1952038|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|$]]

Don't try to be too sneaky, especially when it needlessly affects performance.
If you really have a whole heap of comparisons to do, just format it nicely.

<pre><code>if (foobar === foo ||
 foobar === bar ||
 foobar === baz ||
 foobar === pew) {
 //do something
}
</code></pre>

blocks|key|1952083|text|仅供参考，由于这篇问答似乎确实是关于语法微分析的，这是对AndréAlçada+Padez的建议的一个微小的修改：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1952084|(当然，考虑到IE9之前的shim/shiv/polyfill，他也包含在内)|1952085|if+(~[foo,+bar].indexOf(foobar))+{
++++//+pretty
}|code-block|syntax|javascript|1952086|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Just for kicks, since this Q&amp;A does seem to be about syntax microanalysis, a tiny tiny modification of André Alçada Padez's suggestion(s):

(and of course accounting for the pre-IE9 shim/shiv/polyfill he's included)

<pre><code>if (~[foo, bar].indexOf(foobar)) {
 // pretty
}
</code></pre>

blocks|key|1952306|text|switch方法(Guffa提到的)确实工作得很好。但是，大多数短针中的默认警告设置将提醒您如何使用落差。这是我使用switch的主要原因之一，所以我基本上忽略了这个警告，但是您应该意识到，使用switch语句的fall-through功能可能会很棘手。不过，在这样的情况下，我会去做的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1952307|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

The switch method (as mentioned by Guffa) works very nicely indeed. However, the default warning settings in most linters will alert you about the use of fall-through. It's one of the main reasons I use switches at all, so I pretty much ignore this warning, but you should be aware that the using the fall-through feature of the switch statement can be tricky. In cases like this, though - I'd go for it.

blocks|key|1952388|text|我喜欢用数组测试indexOf的漂亮形式，但请注意，这并不适用于所有浏览器(because+Array.prototype.indexOf+is+not+present+in+old+IExplorers)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1952389|但是，在$.inArray()函数中使用jQuery也有类似的方法：|1952390|if+($.inArray(field,+['value1',+'value2',+'value3'])+>+-1)+{
++++alert('value+'+%2B+field+%2B+'+is+into+the+list');+
}|code-block|syntax|javascript|1952391|它可能会更好，所以您不应该测试indexOf是否存在。|1952392|注意比较(不要使用==+true/+false+)，因为$.inArray返回找到值的匹配位置的索引，如果索引是0，那么当它确实存在于数组中时，它将是false。|1952393|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/1744310/how-to-fix-array-indexof-in-javascript-for-internet-explorer-browsers|1|https://api.jquery.com/jQuery.inArray/^0|12|1S|0|0|4|B|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|F|3|G|5|H|7|16|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|17|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|18|8|@]|9|@]|C|$]]|$1|O|3|-4|5|6|7|19|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]|W|$5|R|S|T|C|$U|X]]]]

I like the pretty form of testing indexOf with an array, but be aware, this doesn't work in all browsers (<a href="https://stackoverflow.com/questions/1744310/how-to-fix-array-indexof-in-javascript-for-internet-explorer-browsers">because Array.prototype.indexOf is not present in old IExplorers</a>).

However, there is a similar way by using jQuery with the <a href="https://api.jquery.com/jQuery.inArray/" rel="nofollow noreferrer">$.inArray()</a> function :

<pre><code>if ($.inArray(field, ['value1', 'value2', 'value3']) &gt; -1) {
 alert('value ' + field + ' is into the list'); 
}
</code></pre>

It could be better, so you should not test if indexOf exists.

Be careful with the comparison (don't use == true/false), because $.inArray returns the index of matching position where the value has been found, and if the index is 0, it would be false when it really exist into the array.

Whats the prettiest way to compare one value against multiples options?

I know there are loads of ways of doing this, but I'm looking for the neatest.

i ask because i'd hoped this was workable (it isn't, quite obviously when you look at it):

<pre><code>if (foobar == (foo||bar) ) {
 //do something
}
</code></pre>

Javascript: The prettiest way to compare one value against multiple values

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

比较一个值和多个选项的最好方法是什么？我知道有很多方法可以做到这一点，但我在寻找最整洁的方法。我之所以这样问，是因为我希望这是可行的(当你看着它的时候，显然不是这样的)：if (foobar == (foo||bar) ) {     //do something}

问Javascript:比较一个值与多个值的最好方法
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript:比较一个值与多个值的最好方法EN