[javascript] 자바 스크립트에서 NaN을 0으로 변환

계속해서 사용할 수 있도록하기보다는 백업하지 말고 왜 처음에 NaN을 사용하는지 궁금하십니까?

연산에 대한 숫자 입력이 NaN 인 경우 출력도 NaN이됩니다. 이것이 현재 IEEE 부동 소수점 표준이 작동하는 방식입니다 (Javascript만이 아닙니다). 그 행동은 좋은 이유입니다 . 근본적인 의도는 가짜를 깨닫지 않고 가짜 결과를 사용하지 못하게하는 것입니다.

NaN이 작동하는 방식은 일부 하위 하위 작업에서 문제가 발생하면 (낮은 수준에서 NaN 생성) 최종 결과는 도 NaN이되어 NaN이됩니다. 오류 처리 로직 (throw / catch 어쩌면?)이 아직 완료되지 않았습니다.

산술 계산의 결과로 NaN 항상 세부 사항에서 무언가 잘못되었다는 것을 나타냅니다. 컴퓨터가 “여기에 논쟁이 필요하다”고 말하는 방법입니다. 어쨌든 거의 맞지 않는 숫자 (0은 실제로 원하는 것입니까?)로 계속 진행하는 방법을 찾는 대신 문제를 찾아서 해결하십시오.

Javascript의 일반적인 문제 는 무의미한 인수가 주어지면 NaN을 반환 parseInt(...)하고 parseFloat(...)반환 한다는 것입니다.null ,'' 등). 높은 수준이 아닌 가능한 가장 낮은 수준에서 문제를 해결하십시오. 그런 다음 전체 계산 결과가 의미가있을 가능성이 높으며 전체 계산 결과에 마법의 숫자 (0 또는 1 등)를 대치하지 않습니다. ((parseInt (foo.value) || 0)의 트릭은 제품이 아닌 합계에 대해서만 작동합니다. 제품의 경우 기본값이 0이 아닌 1이 되길 원하지만 지정된 값이 실제로 0이면 그렇지 않습니다.

코딩이 쉽도록 사용자가 값을 가져 와서 정리하고 필요한 경우 기본값을 제공하는 함수가 필요합니다.

function getFoobarFromUser(elementid) {
        var foobar = parseFloat(document.getElementById(elementid).innerHTML)
        if (isNaN(foobar)) foobar = 3.21;       // default value
        return(foobar.toFixed(2));
}

답변

function getNum(str) {
  return /[-+]?[0-9]*\.?[0-9]+/.test(str)?parseFloat(str):0;
}

function getNum(str) {
  return /[-+]?[0-9]*\.?[0-9]+/.test(str)?parseFloat(str):0;
}
var inputsArray = document.getElementsByTagName('input');

function computeTotal() {
  var tot = 0;
  tot += getNum(inputsArray[0].value);
  tot += getNum(inputsArray[1].value);
  tot += getNum(inputsArray[2].value);
  inputsArray[3].value = tot;
}

<input type="text"></input>
<input type="text"></input>
<input type="text"></input>
<input type="text" disabled></input>
<button type="button" onclick="computeTotal()">Calculate</button>

parseInt("abc"); // NaN
parseInt(""); // NaN
parseInt("14px"); // 14

n="abc"; isNaN(n) ? 0 : parseInt(n); // 0
n=""; isNaN(n) ? 0: parseInt(n); // NaN
n="14px"; isNaN(n) ? 0 : parseInt(n); // 14