forEach 值为“0”的对象，返回整数 1

Question

我有一个窗口/属性对象，我用 forEach 循环遍历它 - window.gaData["UA-MY-ID-NUMBER"].experiments 并包含两个键值。

以及位于对象中的数据：

{KGtpiL5KTAee3Dj6w7GRaA: "1", FPX0F0xuTaOzWE7b14odbg: "0"}

你可以看到，一个值显然是“0”。

我想遍历这个对象，只显示键值，如果值为 0。
但是，当我 forEach 循环遍历我的对象时，由于某种原因，我的“0”被转换为 1，我不知道为什么。

以下是我循环对象的方式：

Object.keys(window.gaData["UA-MY-ID-NUMBER"].experiments).forEach(function(key, value){
      if (window.gaData["UA-MY-ID-NUMBER"].experiments[key] === "0") {
      console.log('key, value: ', key, value);

      result += `
        <div>
          <p value="${key}">${key}:Experiement: ${key} is set to variant: ${value}</p>
          <button id="${key}">Switch variant</button>
        </div>
        `
      document.getElementById('variant-0-container').innerHTML = result;
    }
  });

下面是 console.log 进入我的浏览器的内容：

key, value:  FPX0F0xuTaOzWE7b14odbg 1
window.gaData["UA-MY-ID-NUMBER"].experiments
{KGtpiL5KTAee3Dj6w7GRaA: "1", FPX0F0xuTaOzWE7b14odbg: "0"}

我不知道为什么会这样。

任何指针？

我还尝试将 if 语句中的条件更改为 === 0、== "0" 甚至 == 0，这给了我相同的输出。

Answer 1

这是因为在Array.prototype.forEach() 中，第二个参数是循环的index，而不是您正在循环的对象的值。 更多关于documentation

window.gaData = {"UA-MY-ID-NUMBER": {}};

window.gaData["UA-MY-ID-NUMBER"].experiments = {KGtpiL5KTAee3Dj6w7GRaA: "1", FPX0F0xuTaOzWE7b14odbg: "0"};


Object.keys(window.gaData["UA-MY-ID-NUMBER"].experiments).forEach(function(key){
      var value = window.gaData["UA-MY-ID-NUMBER"].experiments[key]
      if (value === "0") {
      console.log('key, value: ', key, value);
    }
  });