如何在 JavaScript 中比较“x！= a OR b”？答案

【问题标题】：How to compare like "x != a OR b" in JavaScript?如何在 JavaScript 中比较“x！= a OR b”？
【发布时间】：2012-09-09 05:26:49
【问题描述】：

想知道如何在 js 脚本中再添加三个 !== 或语句。 jsfriend00 提供了以下脚本作为一个壮观的答案，但问题是我犯了一个错误，没有提到还有三个文本区域下落不明。我在剩余的或 !== 条件下坚持使用 javascript。在以下脚本中，如何对以下每个 var obj 说 !==？

//查看管理员和客户之间私人网络流的文件：

 <?php if(!defined('BASEPATH')) exit('No direct script access allowed'); ?>

 <html>
 <title>Chat</title>
 <head>

 <?php echo smiley_js(); ?>

 </head>
 <body>

 <?php echo form_open('controller/function');?>
 Reload chat<?php echo form_submit('reload','reload chat');?>
 <?php echo form_close();?>


 <?php if(isset($user_query)): foreach($user_query->result() as $row):?>

 <p>Created at: <?php echo $row->created_at; ?> </p> 

 <p>Updated at: <?php echo $row->updated_at; ?> </p> 

 <p><label for="update"> <?php echo $username_sess.'&nbsp;said'?>:<span class="optional"></span></label>  

  <textarea name="update" id="update" rows="7" cols="30"><?php echo $row->clt_rep_stream ?></textarea>


  <?php echo form_open('controller/function');?>

  <?php echo form_hidden('user_id',$row->user_id) ?>

  <p><label for="adm_update">reply to client:<span class="optional"></span></label>                                
  <textarea name="adm_update" id="adm_update" rows="7" cols="30"> </textarea>
  <?php echo form_error('adm_update'); ?>
   </p>
   <?php echo form_submit('submit','reply');?>

   <?php echo form_close();?>


   <?php echo form_open('controller/function'); ?>

   <?php echo form_hidden('user_id',$row->user_id) ?>

   <p>Replied at: <?php echo $row->adm_created_at; ?> </p> 

   <p>Updated at: <?php echo $row->adm_updated_at; ?> </p> 

   <p><label for="reupdate"> <?php echo $username_adm_sess.'&nbsp;replied:'?><span class="optional"></span></label>  

   <textarea name="reupdate" id="reupdate" rows="7" cols="30"><?php echo $row->adm_rep_stream ?> </textarea>
   <p>                             
   <?php echo form_submit( 'submit', 'update reply'); ?>
   </p>

  <?php echo form_close(); ?>

  <?php endforeach; ?>

  <?php endif; ?>

   <script>
   function autoRefresh(refreshPeriod) {
   var obj = document.getElementById("create"); 
   var obj_two = document.getElementById("update"); 
   var obj_three = document.getElementById("delete"); 
   var obj_four = document.getElementById("reload"); 

   function refreshIfSafe() {
   if (document.activeElement !== obj) { 
    window.location.reload();
  } else {
    setTimeout(refreshIfSafe, refreshPeriod);
   }
 }
    setTimeout(refreshIfSafe, refreshPeriod);
 }

   autoRefresh(2 * 1000);

   </script>

   </body>
   </html>

我尝试了以下方法，但没有成功：

    if(document.activeElement !==(obj || obj_two))

我在 Brad 的帖子之后尝试了以下操作，但该帖子部分有效，但任何更新或回复在前两个之后并且以下 js 被渲染为无效，这真的很令人困惑：

    if(document.activeElement !== obj && document.activeElement !== obj_two)

【问题讨论】：

obj || obj_two 如果是真值，则计算为 obj，否则计算为 obj_two，因此条件 x !== (obj||obj_two) 可以被认为是 x !== obj_OR_obj_two_but_you_dont_know_which。

标签： javascript logic conditional-statements

【解决方案1】：

每个条件都是独立的。就这样对待它。

(document.activeElement !== obj) && (document.activeElement !== obj_two) && ...

如果您的元素没有像它们一样被显式调用，您也可以在循环中执行此操作，但我不知道这将如何适合您的代码，因为我不知道您的实际代码是什么样的.

【讨论】：

您提供的答案有效。我试图检查它，但收到一条错误消息，除了在 9 分钟内我不能。
我喜欢循环的想法，但完全不知道该怎么做。我发布的脚本位于我的视图文件的末尾。我在codeigniter工作； MVC。
嘿，布拉德，我犯了一个错误，除非我执行以下操作，否则我无法使您发布的代码正常工作：(document.activeElement !== obj && document.activeElement !== obj_two)

【解决方案2】：

未经测试，但应该可以工作：

<script>
  function autoRefresh(refreshPeriod) {
    var elementArray = [
      document.getElementById("create"),
      document.getElementById("update"),
      document.getElementById("delete"),
      document.getElementById("reload")
    ];

    function refreshIfSafe() {
      if (elementArray.indexOf(document.activeElement) !== -1) {
        window.location.reload();
      } else {
        setTimeout(refreshIfSafe, refreshPeriod);
      }
    }
    setTimeout(refreshIfSafe, refreshPeriod);
  }

  autoRefresh(2 * 1000);
</script>

或者

<script>
  function autoRefresh(refreshPeriod) {
    var elementArray = ["create", "update", "delete", "reload"];    

    function refreshIfSafe() {
      if (document.activeElement && elementArray.indexOf(document.activeElement.id) !== -1) {
        window.location.reload();
      } else {
        setTimeout(refreshIfSafe, refreshPeriod);
      }
    }
    setTimeout(refreshIfSafe, refreshPeriod);
  }

  autoRefresh(2 * 1000);
</script>

【讨论】：

试过都没有用。但是，我尝试了 Brad 的解决方案，该解决方案在我这样做时有效：(document.activeElement !== obj && document.activeElement !== obj_two)。另一个问题虽然这不仅适用于我的 foreach 循环中的前两个。将发布更多代码以显示示例。

【解决方案3】：

~~你可以试试~~ ...不，不要！

if(!(document.activeElement in [obj,obj_two])){
    // ...
}

~~顺便说一句，在比较对象时，实际上是在比较它们在内存中的引用地址……所以 '!=' 就足够了。~~

【讨论】：

不。不要说“参考”。这不是真的。 == 和 === 在 JavaScript 中定义良好没有谈论“引用”，实际上!= 与对象身份（或“引用”相等）正交。（JavaScript 中唯一的引用是 l-values，类似于赋值运算符左侧的属性名称。）
不那么冗长，功能强大但被遗忘了^^
不，也不是“内存中的地址”。这也不能正常工作，in 与 keys 和 not values 一起工作 :( "a" in ["a","b"] 为假，而 "a" in {"a":1,"b":1} 为真。对于数组 @ 987654332@ 可以在这里工作。它使用== 进行比较，但工作得很好，因为== 是为 DOM 元素定义的（也就是说，它们是“按对象身份”进行比较的）。
请参阅stackoverflow.com/questions/3649321/… 和developer.mozilla.org/en-US/docs/DOM/Node.isSameNode，了解如何通过 DOM 节点检查获得“值相等”。（== 和 === 总是具有两个 DOM 元素的“对象身份”，如果一侧不是 DOM 元素，使用 === 只是禁止类型强制）
-1 in operator 测试对象是否具有具有特定名称的属性，它不测试值。该表达式几乎肯定会返回 false，并测试为 true。而关于address in memory的部分是垃圾，!=使用Abstract Equality Comparison Algorithm，与内存地址无关。