循环并比较javascript对象

Question

我有两个数组，它们是从用户的输入创建的，如下所示：

var impArray = [];
$('[id^=imp]').on('change', function(){
    var value = $(this).val();
    var name = ($(this).attr('name').replace('imp-',''))
    impArray[name] = value;
    console.log(impArray);
})

var assessArray= [];
$('[id^=assess]').on('change', function(){
    var value = $(this).val();
    var name = ($(this).attr('name').replace('assess-',''))
    assessArray[name] = value;
    console.log(assessArray);
})

这些创建数组

assessAray
    1-1: 10
    1-2: 15
    1-3: 9

impArray
    1-1: 6
    1-2: 14
    1-3: 2

然后，我需要使用匹配的键进行简单的计算，例如：

$('#comp-1-1').val(impArray['1-1'] / assessArray['1-1'] * 100);

显然我不能每一个都这样做，所以，

问题：如何循环遍历数组并根据键进行比较，然后对其值进行操作？

Answer 1

如果两个数组的长度始终相同并且对象属性在同一索引处，则应该可以：

http://jsfiddle.net/9DBuD/

assessArray = [{'1-1':'10'},{'1-2':'15'},{'1-3':'9'}];
impArray = [{'1-1':'6'},{'1-2':'14'},{'1-3':'2'}];

for(var i=0;i<assessArray.length;i++){
    for(var prop in assessArray[i]){
        for(var property in impArray[i]){
            if(prop == property){
                $('#comp-'+prop).val(impArray[i][property]/assessArray[i][prop]*100)
            }
        }
    }
}

编辑

即使数组索引和大小不匹配，这个修改过的小提琴和代码应该产生相同的结果：

http://jsfiddle.net/9DBuD/1/

Array.prototype.indexOfProp = function (property) {
    for (var i = 0, len = this.length; i < len; i++) {
        if (this[i][property]!=undefined) return i;
    }
    return -1;
}

assessArray = [{'1-2':'15'},{'1-3':'9'},{'1-1':'10'},{'1-4':'10'}];
impArray = [{'1-1':'6'},{'1-3':'2'},{'1-2':'14'}];


for(var i=0;i<assessArray.length;i++){
    for(var prop in assessArray[i]){
        var index = impArray.indexOfProp(prop)
        if(index!=-1){
             $('#comp-'+prop).val(impArray[index][prop]/assessArray[i][prop]*100)   
        }
    }
}

Answer 2

从技术上讲，您使用的是JavaScript对象，而不是数组。 您的变量声明实际上应该是：

var impArray = {};
var assessArray = {};

一旦有了正确的变量声明，就可以使用jQuery.each来遍历键（而不是索引）：

$.each(impArray, function(key, value){
  $('#comp-'+key).val(assessArray[key]/value*100);
});

Answer 3

这对你有帮助吗？

$.each(impArray, function(index, value){
  var result = assessArray[index] / value * 100;
  $('#comp-1-'+index).val(result);
});

Answer 4

尝试使用$.each() ，如：

$.each(impArray, function(i, v){
  $('#comp-'+i).val(v/assessArray[i]*100);
});