Question

我正在解压缩从表单收集的一些数据并设置对象属性。如果输入是文本，我将存储该值。如果它是一个复选框，我正在存储＆＃34;已检查＆＃34;属性。如果它是收音机并且已经检查过，我正在存储该值。这是我的代码：

for (var key in assessment_data) {
  if(assessment_data.hasOwnProperty(key)){
    var type = assessment_data[key].type;
    var name = assessment_data[key].name;
    var isThisChecked = assessment_data[key].checked;
    if (type === "text") {
      this[key] = assessment_data[key].value;
    }
    else if (type === "checkbox") {
      this[key] = assessment_data[key].checked;
    }
    else if (type === "radio" && isThisChecked) {
      this[name] = assessment_data[key].value;
    }
  }
}

我得到了一些属性的意外值，所以我在Firebug中逐步执行它，并发现最后else if正在执行它不应该执行。例如，当type =＆＃34; button＆＃34;并且checked = false，最后else if中的代码仍在执行。这一步是screenshot of firebug。您可以在条件中看到变量，在右侧看到它们的值。为什么要点这个代码？

编辑：我更改了问题中的变量名称以便更清楚，并设置了一个新的屏幕截图，显示Firebug中的代码匹配。此外，这是assessment_data对象的内容：

编辑2：我找到了问题的原因（其他地方的条件不好：if（this.height_type =＆＃34; Length＆＃34;））。我还发现最后一个内部的代码并没有像我一样真正执行。 Firebug让它看起来像是在执行，我真的不明白为什么。黄色＆gt;这显示了当你单步执行时你在该if语句中的行停止，但代码实际上并没有运行。我能够在jsfiddle：http://jsfiddle.net/NDYR8/中重现这一点。我不明白为什么会这样做但是暂时我很开心。

assessment_date对象{value =＆＃34; 05/01/2013＆＃34; ，checked = false，type =＆＃34; text＆＃34; }   检查：假
  名称：undefined
  键入：＆＃34; text＆＃34;
  价值：＆＃34; 05/01/2013＆＃34;

child_name对象{name =＆＃34; child_name＆＃34; ，checked = false，type =＆＃34; text＆＃34; }
  检查：假
  名称：＆＃34; child_name＆＃34;
  键入：＆＃34; text＆＃34;
  价值：＆＃34;＆＃34;

dob Object {value =＆＃34; 05/01/2009＆＃34; ，checked = false，type =＆＃34; text＆＃34; }
  检查：假
  名称：undefined
  键入：＆＃34; text＆＃34;
  价值：＆＃34; 05/01/2009＆＃34;

女性对象{value =＆＃34;女性＆＃34; ，name =＆＃34;性别＆＃34; ，检查=假，更多...}
  检查：假
  姓名：＆＃34;性别＆＃34;
  键入：＆＃34; radio＆＃34;
  价值：＆＃34;女性＆＃34;

head_cm对象{checked = false，type =＆＃34; text＆＃34; ，value =＆＃34;＆＃34; }
  检查：假
  名称：undefined
  键入：＆＃34; text＆＃34;
  价值：＆＃34;＆＃34;

head_in Object {checked = false，type =＆＃34; text＆＃34; ，value =＆＃34;＆＃34; }
  检查：假
  名称：undefined
  键入：＆＃34; text＆＃34;
  价值：＆＃34;＆＃34;

head_unit_cm对象{value =＆＃34; cm＆＃34; ，name =＆＃34; head_units＆＃34; ，checked = false，更多......}   检查：假
  名称：＆＃34; head_units＆＃34;
  键入：＆＃34; radio＆＃34;
  价值：＆＃34; cm＆＃34;

head_unit_in对象{value =＆＃34; in＆＃34; ，name =＆＃34; head_units＆＃34; ，checked = true，more ...}
  检查：是的   名称：＆＃34; head_units＆＃34;
  键入：＆＃34; radio＆＃34;
  价值：＆＃34;在＆＃34;

height_cm对象{checked = false，type =＆＃34; text＆＃34; ，value =＆＃34;＆＃34; }   检查：假
  名称：undefined
  键入：＆＃34; text＆＃34;
  价值：＆＃34;＆＃34;

height_ft对象{value =＆＃34; 42＆＃34; ，checked = false，type =＆＃34; text＆＃34; }   检查：假
  名称：undefined
  键入：＆＃34; text＆＃34;
  价值：＆＃34; 42＆＃34;

height_in Object {value =＆＃34; 42＆＃34; ，checked = false，type =＆＃34; text＆＃34; }   检查：假
  名称：undefined
  键入：＆＃34; text＆＃34;
  价值：＆＃34; 42＆＃34;

height_type对象{value =＆＃34;高度＆＃34; ，name =＆＃34; height_type＆＃34; ，checked = true，更多......}   检查：是的   名称：＆＃34; height_type＆＃34;
  键入：＆＃34; radio＆＃34;
  价值：＆＃34;高度＆＃34;

height_unit_cm对象{value =＆＃34; cm＆＃34; ，name =＆＃34; height_units＆＃34; ，checked = false，更多......}   检查：假
  名称：＆＃34; height_units＆＃34;
  键入：＆＃34; radio＆＃34;
  价值：＆＃34; cm＆＃34;

height_unit_ft_in对象{value =＆＃34; ft_in＆＃34; ，name =＆＃34; height_units＆＃34; ，checked = false，更多......}   检查：假
  名称：＆＃34; height_units＆＃34;
  键入：＆＃34; radio＆＃34;
  值：＆＃34; ft_in＆＃34;

height_unit_in对象{value =＆＃34; in＆＃34; ，name =＆＃34; height_units＆＃34; ，checked = true，更多......}   检查：是的   名称：＆＃34; height_units＆＃34;
  键入：＆＃34; radio＆＃34;
  价值：＆＃34;在＆＃34;

length_type对象{value =＆＃34;长度＆＃34; ，name =＆＃34; height_type＆＃34; ，checked = false，更多......}   检查：假
  名称：＆＃34; height_type＆＃34;
  键入：＆＃34; radio＆＃34;
  价值：＆＃34;长度＆＃34;

男性对象{value =＆＃34;男性＆＃34; ，name =＆＃34;性别＆＃34; ，checked = true，更多......}   检查：是的   姓名：＆＃34;性别＆＃34;
  键入：＆＃34; radio＆＃34;
  价值：＆＃34;男性＆＃34;

reload Object {value =＆＃34;清除和\ n重新开始＆＃34; ，checked = false，type =＆＃34; button＆＃34; }   检查：假
  名称：undefined
  键入：＆＃34;按钮＆＃34;
  价值：＆＃34;清除和\ n重新开始＆＃34;

use_head_circ对象{value =＆＃34; head_circumference＆＃34; ，checked = false，type =＆＃34; checkbox＆＃34; }   检查：假
  名称：undefined
  键入：＆＃34;复选框＆＃34;
  价值：＆＃34; head_circumference＆＃34;

use_height对象{value =＆＃34; height＆＃34; ，checked = true，type =＆＃34; checkbox＆＃34; }   检查：是的   名称：undefined
  键入：＆＃34;复选框＆＃34;
  价值：＆＃34;身高＆＃34;

use_weight对象{value =＆＃34; weight＆＃34; ，checked = true，type =＆＃34; checkbox＆＃34; }   检查：是的   名称：undefined
  键入：＆＃34;复选框＆＃34;
  价值：＆＃34;体重＆＃34;

weight_kg对象{checked = false，type =＆＃34; text＆＃34; ，value =＆＃34;＆＃34; }   检查：假
  名称：undefined
  键入：＆＃34; text＆＃34;
  价值：＆＃34;＆＃34;

weight_lb对象{value =＆＃34; 47＆＃34; ，checked = false，type =＆＃34; text＆＃34; }   检查：假
  名称：undefined
  键入：＆＃34; text＆＃34;
  价值：＆＃34; 47＆＃34;

weight_oz对象{checked = false，type =＆＃34; text＆＃34; ，value =＆＃34;＆＃34; }   检查：假
  名称：undefined
  键入：＆＃34; text＆＃34;
  价值：＆＃34;＆＃34;

weight_unit_kg对象{value =＆＃34; kg＆＃34; ，name =＆＃34; weight_units＆＃34; ，checked = false，更多......}   检查：假
  名称：＆＃34; weight_units＆＃34;
  键入：＆＃34; radio＆＃34;
  价值：＆＃34; kg＆＃34;

weight_unit_lb对象{value =＆＃34; lb＆＃34; ，name =＆＃34; weight_units＆＃34; ，checked = false，更多......}   检查：假
  名称：＆＃34; weight_units＆＃34;
  键入：＆＃34; radio＆＃34;
  价值：＆＃34; lb＆＃34;

weight_unit_lb_oz对象{value =＆＃34; lb_oz＆＃34; ，name =＆＃34; weight_units＆＃34; ，checked = true，更多......}   检查：是的   名称：＆＃34; weight_units＆＃34;
  键入：＆＃34; radio＆＃34;
  价值：＆＃34; lb_oz＆＃34;

Answer 1

我会用最后一个条件重试beeing isChecked === true ...

这似乎是因为JavaScript正在测试是否存在除false以外的值... 因此，如果未设置已选中（如果未选中则不是，因为它是没有设置值的属性，如果未选中则不存在），即使它为空，您仍然会输入其他内容。

Javascript条件：混淆与＆amp;＆amp;

1 个答案: