Compare multiple values ​​with the same variable

Question

I have a long list of strings to compare with the same variable.

Is there a shorter way to do this?

if(val=="kivi" || val=="apples" || val=="lychee" || val=="banana.C" || val=="mangos") 

Answer 1

Use indexOf with an array of values

 var valArr = ["kivi","apples","lychee","banana.C","mangos"]; if(valArr.indexOf(val) > -1){ ....... } 

Answer 2

You can create an array and check if a value exists in the array.

Array#includes

 var fruits = ['kivi', 'apples', 'lychee', 'banana.C', 'mangos']; if (fruits.includes(val)) { 

 var fruits = ['kivi', 'apples', 'lychee', 'banana.C', 'mangos']; document.getElementById('test').addEventListener('keyup', function() { document.getElementById('result').textContent = 'Contains? ' + fruits.includes(this.value); }, false); 

 <input type="text" id="test" /> <div id="result"></div> 

Please note that this is supported in recent browsers. However, polyfill can be used in older browsers.

^MDN Browser Compatibility

Answer 3

Nope. This is about as short as for direct string comparisons.

If you have many values ​​to compare, you can put these values ​​in an array and use indexOf , for example:

 var comparisons = ["kivi", "apples", "lychee", "banana.C", "mangos" ]; if (comparisons.indexOf(val) != -1) { // do something... } 

Answer 4

 myArr = ["kivi", "apples", "lychee", "banana.C", "mangos"]; if(myArr.indexOf(val) != -1) { // Element Found!! }