數組對象的javascript迭代邏輯XOR？

Question

我有一個循環2個Feature對象數組並檢查每個Feature的active屬性是否已更改的函數。 到目前為止，我有這個：

const changes = [];

let index = 0;

features.forEach((feature) => {

  if (feature.active && !originalFeatures[index].active) {
    return changes.push({ name: feature.name, change: 'Activated' });
  }

  if (!feature.active && originalFeatures[index].active) {
    return changes.push({ name: feature.name, change: 'Deactivated' });
  }

  index += 1;
});

A）代碼不起作用，有一個邏輯錯誤我似乎無法解決。 更改單個功能部件的激活狀態后，該功能將輸出changes為“已激活”功能部件的一半的陣列。 注意在運行函數之前，我斷言兩個輸入數組包含正確的對象和屬性值。

B）是否有更快的內置函數可以簡化這些if語句的過程？

對javascript來說相對較新，因此任何想法都會受到贊賞，謝謝

Answer 1

有沒有更快的方法可以簡化這些if語句的過程？

當然，只寫一個語句

if (feature.active != originalFeatures[index].active) {
    return changes.push({
        name: feature.name,
        change: feature.active ? 'Activated' : 'Deactivated'
    });
}

您也可以使用實際的XOR運算符^但是由於我們在這里使用布爾值，因此我更喜歡!= 。

Answer 2

我更喜歡使用Array.prototype.map ， Array.prototype.filter和Array.prototype.reduce超過Array.prototype.forEach 。

未經測試：

const changes = features.reduce((filtered, feature, index) => {
    if (feature.active ^ originalFeatures[index].active) {
        filtered.push({ name: feature.name, change: (feature.active) ? 'Activated' : 'Deactivated' }})
    }
    return filtered;
 }, []);