if 语句中的奇怪行为

Question

我有一段代码用于根据给定的数组隐藏表格元素。我正在运行循环来比较其中一个单元格的 innerText 和给定数组。

但是，我的 if 语句是语句的行为很奇怪，一旦我将运算符设置为 === 操作成功并且与数组匹配的表行被隐藏。但是我需要我的 if 来隐藏不属于数组的元素，所以我很自然地将我的运算符设置为 !== 但是一旦我这样做了，它就会无论如何都会执行，当然会隐藏表中的所有元素。

任何想法为什么会发生在这里是代码：

var td1 = document.querySelectorAll("#course");
var rowss = document.querySelectorAll("#rows");

var courseNames1 = [td1.innerText];

var diff = _.difference(soretedArray, courseNames1)

console.log(diff);

for (var i = 0; i < rowss.length; i++) {
  for (var j = 0; j < diff.length; j++) {
    if (td1[i].innerText === diff[j]) { // if i set the logic operator to !== it hides all of the elements rather the ones that don't match
      console.log(rowss[i]);
      rowss[i].style.display = "none";
      break;
    }
  }
}

Answer 1

根据您的要求，我添加了代码：您希望否定“包含”来隐藏元素。根据您提供的信息，这是尽可能完整的。

var soretedArray = [];//initialized elsewhere
var td1 = document.querySelectorAll("#course");
var rowss = document.querySelectorAll("#rows");

function tdContains(td) {
  for(var j= 0 ; j< soretedArray.length; j++){
      if(td.innerText === soretedArray[j]){
        return true;
      }
    }
    return false;
}

for(var i = 0 ; i < rowss.length; i++){
  if(!tdContains(td1[i])) {
      console.log(rowss[i]);
      rowss[i].style.display= "none";
  }
}