实际发生了什么......的 vs. 对于...在循环中，为什么它们有时可以互换？

问：

我想知道幕后发生了什么......在 vs. for...of 循环。我不小心在两个类似的实例上切换了它们，其中一个有效，一个无效，我试图弄清楚为什么有效的那个有效，而无效的那个无效。

这些问题涉及进行基本的编码练习，首先列出包含 1-10（含 1-10 的整数）的数组的所有奇数，然后列出所有偶数。我写的内容的详细信息如下。

对于第一个，为了列出所有奇数，我写道：

let numbers = [1,2,3,4,5,6,7,8,9,10]
function displayOddNumbers() {
    for (num in numbers) {
        num % 2 != 0 ? console.log(num) : console.log();
    };
};

这奏效了，所以我继续我的生活，没有意识到我不知不觉地使用了...in 循环而不是 for...of 循环，然后进入下一个练习，该练习要求列出同一数组中的所有偶数。我写道：

function displayEvenNumbers() {
    for (num in numbers) {
        num % 2 == 0 ? console.log(num) : console.log();
    };
};

这没有用;它列出了 0,2,4,6,8。当我把它改成

function displayEvenNumbers() {
    for (num in numbers) {
        num % 2 != 0 ? console.log(numbers[num]) : console.log();
    };
};
then it worked.

但这是怎么回事呢？我意识到我应该使用一个...循环遍历数组，但是幕后发生了什么，让这段代码有时工作，但有时不工作，看似反直觉？