JavaScript ' ' 연산자: 연결 또는 추가 - 예상치 못한 결과를 방지하는 방법은 무엇입니까?

JavaScript의 연결과 추가: ' ' 연산자 이해

JavaScript에서 두 값을 추가할 때 다음과 같은 경우 예기치 않은 결과가 발생할 수 있습니다. 값은 숫자가 아닙니다. 기본적으로 ' ' 연산자는 합계를 계산하는 대신 값을 연결하려고 시도합니다.

다음 예를 고려하세요.

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

이 코드에서 JavaScript는 y와 z를 문자열로 처리합니다. , 추가 대신 연결이 발생합니다. 결과적으로 1과 2를 더하면 "3"이 아닌 "12"가 출력됩니다.

해결책: 문자열을 숫자로 변환

이 문제를 해결하려면 다음 방법을 사용하세요. 단항 더하기 ' ' 연산자를 사용하여 y와 z를 숫자로 명시적으로 변환합니다.

var x = +y + +z;

이 변환은 두 가지 모두를 보장합니다. y와 z는 숫자로 처리되어 합계가 계산됩니다. 변수 이름 앞에 ''를 추가하면 JavaScript는 더하기를 수행하기 전에 먼저 값을 숫자로 변환하려고 시도합니다.

이러한 지침을 준수함으로써 개발자는 의도하지 않은 연결의 함정을 피하고 정확한 수학 연산을 보장할 수 있습니다. 자바스크립트.

위 내용은 JavaScript ' ' 연산자: 연결 또는 추가 - 예상치 못한 결과를 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!