Javascript 对象与 var/array

Question

我正在学习 JavaScript/HTML/CSS，我有这个:

我的问题是，如果我这样做、使用数组或使用 3 个变量，这有什么关系吗？我只是这样做，因为我认为它看起来更好，但我想知道“最好”或“正确”的方法是什么。对于数组，我只能使用 kzh[0]、kzh[1]、kzh[2] 访问数字，对吧？我认为对于数组来说，它看起来更令人困惑，因为你不知道数字代表什么，特别是当它变得比我的小作业更复杂时。

var kzh = {
    High: 0,
    Medium: 0,
    Low: 0
};

function addKZH(x) {
    kzh[x]++;
    alert(kzh[x]);
}

这对我来说是多余的..

var kzhHigh = 0;
var kzhMedium = 0;
var kzhLow = 0;

function addKZHhigh() {

    kzhHigh++;
    alert(kzhHigh);
}
function addKZHmedium() {

    kzhMedium++;
    alert(kzhMedium);
}
function addKZHlow() {

    kzhLow++;
    alert(kzhLow);
}

Answer 1

是的，对于数组，它会变得令人困惑，因为您只能访问索引，而不能访问变量/属性的名称。

但是，使用对象属性以及自变量和函数的方式使用都是正确的。但在编程中，我们总是寻求代码可重用性，并且使用 3 个函数来完成类似的任务并不是一个好主意。此外，由于变量也是相关的，我们可以将它们设为单个对象的属性，以减少变量数量、提高可读性并显示变量之间的关系。所以使用对象是我推荐的方式。

var kzh = {
    High:0,
    Medium:0,
    Low:0
};

function addKZH(x) {
        kzh[x]++;
        alert(kzh[x]);
}

addKZH("High");
addKZH("Medium");
addKZH("Low");