Как проверить, не имеет ли только одно значение в Javascript?

Question

Предположим, у меня есть 3 текстовых поля в cshtml. То, что я пытаюсь сделать в Javascript, является следующим:

Проверьте, не ЛЮБЫЕ из этих 3 значений и ТОЛЬКО ИХ не являются нулевыми.

Единственный способ, которым я могу думать делаем это вручную:

if ((val1 & !val2 & !val3) || (!val1 & val2 & !val3) || (!val1 & !val2 & val3)) 

Это нормально, если это небольшое количество текстовых полей, но если такое число вырастает до 10+, это может стать хлопоты.

Есть ли эффективный способ реализации такой логики в Javascript независимо от того, сколько текстовых полей мы имеем в виду?

Answer 1

Вы можете использовать .reduce:

var nonEmpty = [val1, val2, val3].reduce(((c, v) => c += (v !== "")), 0); 
if (nonEmpty === 1) { 
    // exactly one is not empty 
} 

Любой другой способ подсчета непустых входов и проверка того, что счетчик равен 1, тоже будет работать тоже.

В этом .reduce() код использует функцию «стрелка», которая увеличивает счетчик (c), когда значение не является пустой строкой. (Если вы хотите, чтобы проверить нуль, вы можете сделать это вместо того, конечно.) Вы можете использовать простые старомодные функции тоже:

var nonEmpty = [val1, val2, val3].reduce(function(c, v) { 
    return c += (v !== ""); 
}, 0); 

.reduce() функция передаются 2 параметром: эта функцию обратного вызова и тому начальное значение c (ноль в этом случае). Возвращаемое значение будет final значение c, возвращенный последним обращением к обратному вызову.

Answer 2

просто держать в го значения массива не равно нулю, а затем подсчитать сколько осталось:

var arr = ["hello", "", ""]; 

var result = arr.filter(x => x !== "").length; 

if (result === 1) console.log("exactly one is not empty"); 

Answer 3

Вы можете напрямую просмотреть текстовые поля для значений. Если вы работаете с бритвой, вы можете использовать JQuery. Также это решение будет работать для любого количества текстовых полей.

var count=0; 
 
var isExactlyOneNotEmpty= 
 
    function(){ 
 
    $('input[name="text[]"]').each(function() { 
 
     if($(this).val()!="") 
 
     { 
 
      ++count; 
 
     } 
 
    }); 
 
    if(count==1) 
 
    return true 
 
    else 
 
    return false; 
 
    } 
 
var check=isExactlyOneNotEmpty(); 
 
alert(check); 
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="text1" name="text[]"> 
 
<input type="text" id="text2" name="text[]" value="test"> 
 
<input type="text" id="text3" name="text[]">

Answer 4

Вы можете использовать оператор Exclusive OR (XOR) для этого. Давайте посмотрим, что мы можем получить с ним:

Однако единственный результат, который не соответствует вашим потребностям является последним (он возвращает true, когда все они также true).

Чтобы решить эту проблему, вы можете проверить, не совпадают ли все значения одновременно. Подводя итог, это выражение делает трюк:

if(!(val1 && val2 && val3) && (val1^val2^val3))