在 javaScript 中的条件 && 语句内迭代数组？

Question

我有一个数组：

console.log(tenantArray)
(8) ["WeWork", "Regus", "Spaces", "Knotel", "RocketSpace", "HQ Global Workspaces", "Other", "Select All"]

我还有一个大数据对象，我想使用 d3 和复选框对其进行过滤。该过滤器将基于两个条件：“Agency_Bro”属性，以及“Tenant”属性是否与上面列出的tenantArray 中的任何字符串匹配。 从这个意义上说，上面的“tenantArray”数组只是一个用于字符串匹配目的的虚拟数组。对于过滤器来说，这两个条件都必须成立。

如果过滤器显示为：

，则过滤器工作正常

d3.selectAll("#JLLCheckbox").on("change", function() {

            var type = "JLL"            
            display = this.checked ? "inline" : "none";
            d3.selectAll(".features")
            .filter(function(d) { 
                return d.properties.Agency_Bro === type             
            })
            .attr("display", display);
});

但是，当我尝试添加两个条件语句时，复选框停止工作（没有过滤数据），但没有出现错误消息。

d3.selectAll("#JLLCheckbox").on("change", function() {

    var type = "JLL"            
    display = this.checked ? "inline" : "none";

    d3.selectAll(".features")
        .filter(function(d) { 
            return d.properties.Agency_Bro === type &&
                    tenantArray.forEach(function(entry) {
                    if (d.properties.Tenant === entry){
                        return d.properties.Tenant
                    }
                    });         
        })
});

两个问题：上述逻辑失败的原因是什么？ 还有，有没有更有效的方法来做到这一点，而无需经历数组的麻烦？

Answer 1

对此进行更改，您可以在数组上使用

indexOf()

来查看该值是否包含在其中，如果不包含则返回 false：

return d.properties.Agency_Bro === type &&
   tenantArray.indexOf(d.properties.Tenant) > -1; //Does a boolean check if indexOf() 
   //returns a value greater than -1, which means the value was found in your array
});

文档

indexOf

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf

Answer 2

您最好将

forEach

替换为

some

方法来接收

true/false

值：

d3.selectAll("#JLLCheckbox").on("change", function() {

  var type = "JLL"
  display = this.checked ? "inline" : "none";

  d3.selectAll(".features")
    .filter(function(d) {
      return d.properties.Agency_Bro === type &&
        tenantArray.some(function(entry) {
          return d.properties.Tenant === entry;
        });
    })
});