js对象问题

Question

我使用一个对象来检查一组单选按钮是否具有精确的值，例如在“规则”对象上设置的值。这是一个例子：

arr = {a:"1", b:"1", c:"1", c:"2"}; //that's my object rule

var arr2={}; //here  I create my second array with charged value 
$("#form_cont input:checked").each(function()
{
    arr2[$(this).attr("name")]=$(this).val();
});
//here I make the check
for (k in arr2)
{
    if (typeof arr[k] !== 'undefined' && arr[k] === arr2[k]) 
    {
        $("#form_cont li[name$='"+k+"']").css('background-color', '');
    }
    else
    {
        $("#form_cont li[name$='"+k+"']").css('background-color', 'pink');
    }
}

问题是，当我必须检查“c”键时，我得到的最后一个（2）而不是正确的值，如何可能是 e 1 或 2

提前感谢

ciao，h。

Answer 1

为了拥有多个值，arr 的属性 c 需要是一个数组：

arr = {a:["1"], b:["1"], c:["1","2"]}; //that's my object rule

当然，您的有效性检查也必须更改以搜索新数组：

typeof arr[k] !== 'undefined' && contains(arr[k], arr2[k])

...

function contains(a, obj){
  for(var i = 0; i < a.length; i++) {
    if(a[i] === obj){
      return true;
    }
  }
  return false;
}

Answer 2

一个对象上不能有两个名称相同的属性。因此，当 javascript 编译器看到行 arr = {a:"1", b:"1", c:"1", c:"2"}; 时，它会自动将其更改为 arr = {a:"1", b:"1", c:"2"}; 让 c 的最后一个定义覆盖第一个定义