在将数字小数转换为厘米或英寸后，有条件地对其进行格式化。

Question

我有一个切换器，可以将我的数字转换为厘米或英寸的1位小数。

然而，我希望厘米没有小数，而英寸有1位小数。

这是我目前的代码。

function converTo(scale) {
  $('#ct_size_guide-1761 td').each(() => {
   // I forgot exact conversion:
    var multiplier = (scale == 'in') ? 2.5 : 0.4; 
    var newVal=(parseFloat($(this).text()) * multiplier).toFixed(1);   

    $(this).text(newVal);
    $(this).siblings('.scale').text((scale=='in')? 'cm' : 'in') ;
  });
}

Answer 1

你只需要有条件地格式化这些数字，就像你用不同的方式来处理这些数字一样 multiplier 取决于所选的单元。

所以你需要更换。

var multiplier = scale === 'in' ? 2.5 : 0.4;
var newVal = (parseFloat($(this).text()) * multiplier).toFixed(1); 

用类似的东西代替

var newVal = scale === 'in'
  ? (parseFloat($(this).text()) * 2.5).toFixed(1)
  : (parseFloat($(this).text()) * 0.4).toFixed(0); 

这样你就可以有不同的乘数，但每个单位的格式也不同。

我可能会在代码中加入一个 if-else 而不是三元。这样可以更容易地根据所选单位实现不同的行为（转换、格式化...）。

const $value = $('#value');
const $unit = $('#unit');
const $result = $('#result');

function updateConverstion() {
  const value = parseFloat($value.val());
  const unit = $unit.val();
  
  let targetValue;
  let targetUnit;
  
  if (unit === 'in') {
    // Show centimeters without decimals:
    targetValue = Math.round(value * 2.54);
    targetUnit = 'cm';
  } else {
    // Show inches with 1 decimal:
    targetValue = (value * 0.393701).toFixed(1);
    targetUnit = 'in';
  }

  $result.text(`${ value } ${ unit } = ${ targetValue } ${ targetUnit }`);
}

$value.on('input', updateConverstion);
$unit.on('change', updateConverstion);

updateConverstion();

<input type="text" value="100" id="value" />

<select id="unit">
  <option value="cm" selected>Centimeters</option>
  <option value="in">Inches</option>
</select>

<p id="result"></p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>