JS比较变量到多级对象

像这样的对象正在向我走来:

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进行比较，如果一个变量在var1_min, var1_max之间，第二个变量在select中，则保存name, display。

我做了这个测试:

<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中的值更小。

请把你的眼睛借给我。