Question

看起来像这样的物体正在逼近我的方式：

var data = {
 a0: {
  name: 'long name 0',
  var1_min: '10',
  var1_max: '99',
  select: ['alpha', 'gamma'],
  display: 'value0'
 },
 b12: {
  name: 'long name 1',
  var1_min: '1',
  var1_max: '999',
  select: ['beta'],
  display: 'value1'
 },
 d7: {
  name: 'long name 2',
  var1_min: '1000',
  var1_max: '0',
  select: ['alpha', 'beta', 'gamma'],
  display: 'value2'
 }
}

我想将一些变量与var1_min, var1_max, select进行比较，如果一个变量位于name, display之间且第二个变量位于var1_min, var1_max中，则保存select。

我已将其用于测试：

<div style="text-align:center;" id="df">
 <div class="main">
  <form id="form" action="#">
   <fieldset>
    <label for="field1">field1
     <input type="text" name="field1" id="field1" />
    </label>
    <label for="field2">field2
     <select name="field2" id="field2">
      <option value="alpha">alpha</option>
      <option value="beta">beta</option>
      <option value="gamma">gamma</option>
     </select>
    </label>
   </fieldset>
   <br />
   <button type="submit">submit</button>
  </form>
  <span id="span"></span>
 </div>
</div>

$('#form').submit(function () {
 $('#span').empty();
 var field1 = $('#field1').val();
 var field2 = $('#field2').val();
 for (var x in data) {
  if (data.hasOwnProperty(x)) {
   $('#span').append(x + '<br />');
   for (var y in data[x]) {
    if (data[x].hasOwnProperty(y)) {
     $('#span').append(y + " => " + data[x][y] + '<br />');
    }
   }
  }
  if (field1 >= data[x].var1_min) {
   $('#span').append('true' + '<br />');
  }
 }
 return false;
});

if (field1 >= data[x].var1_min)总是返回true，即使field1中的值较小。

http://jsfiddle.net/6UyPA/3/

请把你的眼球借给我。

Answer 1

该对象包含var1_min的字符串，val()也返回一个字符串。要按预期比较它们，将它们解析为浮点数（或整数）：

if (parseFloat(field1) >= parseFloat(data[x].var1_min));

请参阅updated jsFiddle

JS将变量与多级对象进行比较

1 个答案: