Каков наилучший способ выполнить блок кода на основе ввода пользователя, если он соответствует значению в массиве?

Question

Я пытался два пути для достижения этой цели, пожалуйста, смотрите ниже:

var cat = ['travel', 'business', 'environment', 'culture', 'football', 'politics', 'world', 'commentisfree', 'lifestyle', 'fashion', 'technology', 'sport', 'money', 'science']; 

var userInput = $("#mySearch").val(); 

for(var i=0; i < cat.length; i++){ 
    if (userInput == cat[i]){ 
     // do something 
    }else{ 
     // do something else 
    } 
} 

Это работало, однако условие еще было выполнено до тех пор, пока не найдено значение. Затем я попытался сбросить массив с ниже:

var userInput = $("#mySearch").val(); 

if (userInput == 'travel' || 'business' || 'environment' || 'culture' || 'football' || 'politics' || 'world' || 'commentisfree' || 'lifestyle' || 'fashion' || 'technology' || 'sport' || 'money' || 'science'){ 
    // do something 
}else{ 
    // do something else 
} 

Таким образом, также работает, однако, это срабатывает для значений, которые не между условием скобки (не совсем уверен, почему ??). Объяснения и решения более чем приветствуются! Я новичок в JS

Answer 1

Поскольку вы используете JQuery, вы можете использовать следующее:

if ($.inArray(userInput, cat) > -1) { 
    // Do something 
} else { 
    // Do something else 
} 

Надежда, что помогает!

Answer 2

Почему бы вам не использовать IndexOf он возвращает индекс встречаемости, если найденное значение в массиве еще -1

var cat = ['travel', 'business', 'environment', 'culture', 'football', 'politics', 'world', 'commentisfree', 'lifestyle', 'fashion', 'technology', 'sport', 'money', 'science']; 

var userInput = $("#mySearch").val(); 

if(cat.indexOf(userInput) !== -1){ 
    //present 
}else{ 
    //absent 
} 

Answer 3

Это интересный один; Начну со своей второй части, где мы имеем

if (userInput == 'travel' || 'business' || 'environment' || 'culture' || 'football' || 'politics' || 'world' || 'commentisfree' || 'lifestyle' || 'fashion' || 'technology' || 'sport' || 'money' || 'science'){ 
 
    // do something 
 
}

Причина первая часть оценивается как истина в том, что он тестирует «truthy-Несс» из „бизнеса“, который true, строки в javascript верны. Чтобы заставить его работать по назначению, вам нужно добавить userInput === 'business'

Я думаю, что с вашим первым оператором if/else вы могли бы просто вынуть другое. Это предотвратит выполнение каких-либо действий, если условие if не было выполнено.

Answer 4

Вот решение, которое не требует JQuery:

var cat = ['travel', 'business', 'environment', 'culture', 'football', 'politics', 'world', 'commentisfree', 'lifestyle', 'fashion', 'technology', 'sport', 'money', 'science']; 

var userInput = $("#mySearch").val(); 

// Check to see if the user input is in the array. 
if(cat.indexOf(userInput) !== -1) { 
    // Input matches an array item lets do some stuff. 
} 

Функция «IndexOf» вернет индекс в массиве совпадающего элемента или «-1», если нет соответствия элементов.

Answer 5

Я бы просто отфильтровал нежелательные значения с помощью .filter, а затем выполнил требуемый код. Таким образом, вы избегаете ситуации, когда userInput может быть значением, которое не входит в ваш диапазон, и выполнять код только тогда, когда присутствует действительный ввод.

var cat = [vals...]; 
var userInput = $("#mySearch").val(); 

const inCategories = (item, i, arr) => { 
    return arr.indexOf(userInput) !== -1; }; 
}; 

if (cat.filter(inCategories).length > 0){ 
    // do stuff 
} 

Answer 6

Там же встроенный некоторых(), чтобы проверить, если входной элемент массива

var cat = ['travel', 'business', 'environment', 'culture', 'football', 'politics', 'world', 'commentisfree', 'lifestyle', 'fashion', 'technology', 'sport', 'money', 'science']; 
 
var input = 'world'; 
 
if (cat.some(x => x === input)) console.log(input + " is a category"); 
 
else console.log(input + " is not a category");