如何使用名称中的另一个变量来调用变量？ （JavaScript）

Question

因此，我正在尝试制作一个小程序，可以用来学习词汇的词汇。我所有的术语和定义都为

var term1 = "foo";
var definition1 = "bar";
var term2 = "foo2";
var definition2 = "bar2";

等。我有一个函数nextCard()，它将变量cardNum递增，而一个previousCard()对其递减。然后它们都调用另一个函数updateCard()，该函数更新术语/定义显示。可以写一行这样的文字

if (cardSide === 0) {
    document.getElementById("card").innerHTML = term[cardNum] // this doesn't actually work, but that is what I want the output to be
} else {
    document.getElementById("card").innerHTML = definition[cardNum] // again, same thing
}

我已经看过，找不到任何在线内容。请帮忙。