JavaScript가 숫자를 추가하는 대신 연결하는 이유는 무엇입니까?

숫자 덧셈의 합 대신 연결

특정 프로그래밍 시나리오에서 두 숫자 값의 합을 시도하면 예상치 못한 동작이 발생할 수 있습니다. 숫자는 추가되는 대신 연결됩니다. 이 문제는 입력 값이 숫자가 아닌 문자열로 처리될 때 발생합니다.

다음 JavaScript 코드를 고려하세요.

function myFunction() {
  var y = document.getElementById("txt1").value;
  var z = document.getElementById("txt2").value;
  var x = y + z;
  document.getElementById("demo").innerHTML = x;
}

이 코드를 실행하면 1 2 예상된 "3" 대신 "12"를 반환합니다. 이는 변수 y 및 z가 처음에 HTML 입력 필드에서 문자열로 검색되기 때문에 발생합니다. JavaScript는 문자열의 연결 연산( )을 숫자의 경우와 다르게 해석합니다.

이 문제를 해결하고 숫자 값의 추가를 보장하려면 계산을 수행하기 전에 문자열을 숫자로 명시적으로 변환해야 합니다. JavaScript는 " "(단항 더하기 연산자)를 사용하여 이를 달성하기 위한 간단한 솔루션을 제공합니다.

var x = +y + +z;

각 문자열 앞에 " "를 추가하면 숫자 값으로 강제 변환됩니다. 이를 통해 JavaScript는 원하는 추가 작업을 수행하여 정확한 숫자 합계를 얻을 수 있습니다. 따라서 수정된 코드 조각은 다음과 같습니다.

function myFunction() {
  var y = +document.getElementById("txt1").value;
  var z = +document.getElementById("txt2").value;
  var x = y + z;
  document.getElementById("demo").innerHTML = x;
}

이 수정을 통해 입력 값이 숫자로 처리되어 연결 문제를 방지하고 적절한 합계가 생성됩니다.

위 내용은 JavaScript가 숫자를 추가하는 대신 연결하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!