> 웹 프론트엔드 > JS 튜토리얼 > JavaScript가 문자열 변수에 대해 수학 연산을 수행하도록 하려면 어떻게 해야 합니까?

JavaScript가 문자열 변수에 대해 수학 연산을 수행하도록 하려면 어떻게 해야 합니까?

Mary-Kate Olsen
풀어 주다: 2024-12-13 13:26:09
원래의
148명이 탐색했습니다.

How Can I Force JavaScript to Perform Mathematical Operations on String Variables?

JavaScript에서 수학 연산 적용: 문자열을 정수로 변환

JavaScript에서 현재 저장된 변수에 대해 수학 연산을 수행하려고 할 때 문자열로 사용하면 언어는 이를 연결 작업으로 잘못 처리합니다. 이 문제를 해결하고 JavaScript가 수학적 계산을 수행하도록 하려면 문자열 값을 명시적으로 정수로 변환해야 합니다.

문제를 설명하려면 다음 JavaScript 코드를 고려하십시오.

var dots = document.getElementById("txt").value; // 5
function increase() {
    dots = dots + 5;
}
로그인 후 복사

이 예에서는 dots 변수가 HTML 페이지의 "txt" 요소에서 검색된 값으로 초기화됩니다. 그러나 이 값은 실제 값이 숫자이더라도 문자열로 할당됩니다. 결과적으로, 증가() 함수가 호출되면 표현식 dots 5는 문자열 연결을 발생시켜 "55"의 출력을 생성합니다.

JavaScript가 수학 연산을 대신 수행하도록 하려면 문자열 값을 다음으로 변환해야 합니다. 정수. 이는 아래 수정된 코드에서 볼 수 있는 것처럼parseInt() 함수를 사용하여 달성할 수 있습니다.

var dots = parseInt(document.getElementById("txt").value, 10);
function increase() {
    dots = dots + 5;
}
로그인 후 복사

parseInt() 함수는 문자열을 구문 분석하고 정수 값을 반환합니다. 10 매개변수는 문자열이 10진법(10진수) 표현임을 지정합니다. 이렇게 하면 값이 숫자 유형으로 올바르게 변환되어 수학 연산을 수행할 수 있습니다.

이 변환을 구현하면 JavaScript는 이제 점의 초기 값에 5를 올바르게 추가하여 다음과 같은 결과를 출력합니다. 예상대로 10.

위 내용은 JavaScript가 문자열 변수에 대해 수학 연산을 수행하도록 하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿