javascript - 使用 javascript 检查 forEach 响应中所有条件的更有效方法

Question

我有一个<select>发送 option 的值(下面列出)。然后该值被传递到 React Hook 中。这是可行的，但是有没有更干燥/更干净/更有效的方法来检查条件语句？

选择选项

const animals = [
  "Cows", "Pigs", "Sheep", "Goats", "Lambs", "Rabbits"
]

函数

const _updateLocationData = (value) => { 
    var tempLocations = [];
    locations.forEach(function(res) {
        if (value === "Cows" && res.Cows === "Yes") {
            tempLocations.push(res);
        }
        if (value === "Pigs" && res.Pigs === "Yes") {
            tempLocations.push(res);
        }
        if (value === "Sheep" && res.Sheep === "Yes") {
            tempLocations.push(res);
        }
        if (value === "Goats" && res.Goat === "Yes") {
            tempLocations.push(res);
        }
        if (value === "Lambs" && res.Lamb === "Yes") {
            tempLocations.push(res);
        }
        if (value === "Rabbits" && res.Rabbit === "Yes") {
            tempLocations.push(res);
        }
    });
}

Answer 1

考虑这样的事情:只需确认 value 位于所需的数组中，然后检查 res 的 [value] 属性是否等于 "is":

const animals = [
  "Cows", "Pigs", "Sheep", "Goats", "Lambs", "Rabbits"
]

const _updateLocationData = (value) => { 
    var tempLocations = [];
    locations.forEach(function(res) {
        if (animals.includes(value) && res[value] === "Yes") {
            tempLocations.push(res);
        }
    });
}