javascript - 循环并比较 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

这对你有帮助吗？

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

Answer 2

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

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

Answer 3

如果两个数组的长度始终相同并且 object 属性位于相同的索引处，则应该可以：

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 4

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

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

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

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