> 웹 프론트엔드 > JS 튜토리얼 > 빠른 팁 : 숫자를 JavaScript의 문자열로 변환하는 방법

빠른 팁 : 숫자를 JavaScript의 문자열로 변환하는 방법

尊渡假赌尊渡假赌尊渡假赌
풀어 주다: 2025-02-09 11:30:11
원래의
192명이 탐색했습니다.

빠른 팁 : 숫자를 JavaScript의 문자열로 변환하는 방법 키 테이크 아웃

javaScript는 문자열로 숫자를 변환하는 네 가지 방법을 제공합니다 : 문자열 보간, 문자열 연결, toString () 메소드 및 String () 생성자 함수. 방법의 선택은 특정 요구와 사용 사례에 따라 다릅니다.

    문자열 보간 및 문자열 연결은 문자열 내에 숫자를 통합 할 때 가장 잘 사용됩니다. 그러나 이러한 방법은 특히 문자열 연결을 통해 코드를 덜 읽기 쉽게 만들 수 있습니다. String ()와 toString ()을 사용하는 주요 차이점은 String ()가 정의되지 않은 및 null 값으로 작동하는 반면 toString ()은 그렇지 않습니다. 따라서 값이 정의되지 않거나 무효화 될 가능성이 있다면 String ()을 사용하는 것이 더 안전합니다.
      JavaScript는 매우 유연하며 데이터 유형간에 변환하는 다양한 방법을 제공합니다. 이 짧은 튜토리얼에서는 숫자를 JavaScript의 문자열로 변환하는 방법을 살펴 보겠습니다. 사용자가 숫자 데이터를 더 읽기 쉽게 만들기 위해 (예 : 문장의 일부로 번호를 표시하도록하기 위해이 작업을 수행 할 수 있습니다. 이 튜토리얼은 숫자를 JavaScript의 문자열로 변환하는 네 가지 방법을 탐구합니다. 특정 요구 사항 및 사용 사례에 따라 다양한 접근 방식을 권장합니다.
    • 문자열 보간 : 문자열 내에 숫자 값을 삽입 할 때. 예를 들어, 웹 페이지에 " String 또는 toString () : 숫자 값의 유형을 문자열로 변경할 때. 예를 들어, 숫자를 함수에 대한 입력 또는 문자열을 기대하는 API를 사용합니다. String and Tostring ()은 대부분 동일하지만 정의되지 않은 및 널 변수를 다르게 처리합니다.
    • 반대 조치를 취하려는 경우 문자열을 숫자로 변환하는 방법에 관심이있을 수도 있습니다. 보간을 사용하여 숫자를 문자열로 변환합니다 보간은 아마도 문자열에서 숫자를 사용하는 가장 읽기 쉬운 방법 일 것입니다. 숫자를 문자열로 수동으로 변환하는 대신이 메소드를 사용하여 숫자를 문자열에 삽입 할 수 있습니다. 보간을 사용하려면 인용 표시 ( "또는 ') 대신 백 티크 (`)로 문자열을 감싸십시오. 그런 다음 문자열에서`$ {}``를 사용하여 모든 변수를 삽입 할 수 있습니다. 이것을 템플릿 리터럴이라고합니다. 다양한 다른 큰 이점이 있습니다. 예를 들어:
    • 콘솔에 로그인 된 문자열은 백티크로 감싸므로 $ {}을 사용하여 스트링에 변수를 삽입 할 수 있습니다.. 다음 Codepen 데모에서 예제를 볼 수 있습니다. <.> 펜을 참조하십시오 sitepoint (@sitepoint)에 의한 JavaScript의 문자열 보간 Codepen 문자열 연결 를 사용하여 숫자를 문자열로 변환합니다 두 번째 접근법은 문자열 연결입니다. 연산자를 사용하여 숫자를 문자열로 변환 할 수 있습니다. 예를 들어:

      <.> 펜을 참조하십시오 sitepoint (@sitepoint)에 의한 연결로 문자열로 번호를 변환 Codepen이 접근법은 효율적이지만 (코드가 가장 적은 코드가 필요하므로) 코드를 읽기 쉽게 만들 수 있습니다. 문자열 컨덕턴스 경고 이 접근법을 둘 이상으로 사용하면 예상치 못한 결과가 발생할 수 있습니다. 예를 들어:

      문자열에 도달하기 전에 B가 먼저 평가되기 때문에, 작업은 문자열 연결보다는 수치 적합입니다. 문자열 변수 또는 리터럴에 도달하면 작업은 문자열 연결이됩니다. 따라서 결과는 2468 고속도로입니다. 그러나 코드를 다음으로 변경하십시오.

      "A is"A가 먼저 평가되기 때문에 연산자는 나머지 표현식에 대한 문자열 연결에 사용됩니다. 따라서 이전 예제와 마찬가지로 A와 B 사이의 추가 작업 대신이 둘 사이의 문자열 연결 작업이됩니다. 이것은 괄호를 사용하여 해결할 수 있습니다.
      <span>const number = 99;
      </span><span>console.log(<span>`<span>${number}</span> percent of people love JavaScript`</span>); // "99% of people love JavaScript"
      </span>
      로그인 후 복사
      A와 B 사이의 추가가 먼저 수행되며, 이는 두 변수 사이의 추가 작업으로 이어집니다. 그런 다음 첫 번째 피연산자가 "It"이기 때문에 문자열 연결은 나머지 표현식에 사용됩니다. tostring 를 사용하여 숫자를 문자열로 변환합니다 세 번째 접근법은 tostring () 메소드를 사용하는 것입니다. 이 방법은 숫자를 포함한 모든 JavaScript 데이터 유형에 사용할 수 있습니다. 사용 된 숫자의 값을 변환하고 반환합니다. 예를 들어:
      <span>console.log(10 + "USD"); //"10USD"
      </span><span>console.log(10 + ""); //"10"
      </span>
      로그인 후 복사
      이 예제는 첫 번째 접근법의 결과와 동일한 결과를 보여줍니다. 다음 Codepen 데모에서 작동하는 것을 볼 수 있습니다.
      <span>const a = 2000;
      </span><span>const b = 468;
      </span><span>console.log(a + b + " motorway"); // "2468 motorway"
      </span>
      로그인 후 복사
      <.> 펜을 참조하십시오 js sitepoint (@sitepoint)별로 toString ()을 사용하여 숫자를 문자열로 변환합니다. Codepen 문자열을 사용하여 숫자를 문자열로 변환합니다 네 번째 방법은 String () 생성자 함수를 사용하는 것입니다. 이 함수는 변수를 첫 번째 매개 변수로 변환 할 변수를 허용합니다. 매개 변수를 문자열로 변환하고 반환합니다. 예를 들어:

      콘솔에서 숫자 값과 그 유형을 기록 할 때 결과는 각각 10과 숫자입니다. 변환 후 결과는 각각 문자열과 문자열로 10입니다. 다음 Codepen 데모에서 예제를 볼 수 있습니다.

      <.> 펜을 참조하십시오 js sitepoint (@sitepoint)로 string ()을 사용하여 숫자를 문자열로 변환합니다. Codepen

      결론 이 튜토리얼은 숫자를 JavaScript의 문자열로 변환하는 데 사용할 수있는 네 가지 접근 방식을 보여줍니다. 이러한 방법은 숫자와 함께 사용될 때 동일한 결과를 생성 할 수 있지만, 한 가지 접근 방식이 다른 접근법보다 더 나은 경우가 있습니다. String ()와 toString ()을 사용하는 주요 차이점은 String ()가 정의되지 않은 및 NULL 값으로 작동하는 반면 TOSTRING ()는 그렇지 않습니다. 따라서 숫자가 포함되어 있어야하지만 문자열로 변환 할 때 안전하고 싶다면 String ()을 사용할 수 있습니다. 문자열 보간 및 문자열 연결과 관련하여 문자열 내에서 숫자를 사용할 때 가장 잘 사용됩니다. 그렇지 않으면 이러한 방법을 사용하면 코드를 읽기 쉽게 만들 수 있습니다. 이 기사가 유용하다는 것을 알게되면 다음을 즐길 수도 있습니다.

      Quick Tip : JavaScript의 문자열로 숫자를 변환하는 방법
    • javaScript
    • 로 코드를 배우십시오 JavaScript를 빠르게 배우는 방법 : 6 개의 간단한 마음 트릭 25 JavaScript 속도 코딩 기술 es6 작동 : 새로운 숫자 메소드 es6 incation : 새로운 문자열 메소드 - String.prototype.* 진실과 거짓 가치 : javaScript에서 모든 것이 동일하지 않을 때 자바 스크립트의 문자열로 숫자를 변환하는 것에 대한 자주 묻는 질문 (FAQ) JavaScript에서 숫자를 문자열로 변환하는 것의 중요성은 무엇입니까?
    • JavaScript의 문자열로 숫자를 변환하는 것은 프로그래밍에서 일반적인 작업입니다. 숫자 데이터를 사용자에게 표시하거나 문자열로 연결 작업을 수행하거나 쉽게 읽을 수 있고 조작 할 수있는 형식으로 숫자를 저장해야 할 때 특히 유용합니다. 예를 들어, 웹 페이지의 텍스트 필드에 숫자를 표시하려면 텍스트 필드가 문자열 데이터 만 허용하므로 먼저 문자열로 변환해야합니다.
    • 숫자를 어떻게 변환 할 수 있습니까? toString () 메소드를 사용하여 문자열에?
    • toString () 메소드는 숫자를 문자열로 변환하는 데 사용할 수있는 내장 JavaScript 함수입니다. 간단한 예는 다음과 같습니다. let num = 123;
    • let str = num.toString ();
    • console.log (str); // outputs : "123"
    • 이 코드에서는 숫자 123이 toString () 메소드를 사용하여 문자열로 변환되고 결과는 콘솔에 로그인됩니다.
    • 숫자를 변환 할 수 있습니까? toString () 메소드를 사용하지 않고 문자열로?
    • 예, toString () 메소드를 사용하지 않고 숫자를 javaScript의 문자열로 변환 할 수 있습니다. 대안적인 방법 중 하나는 String () 함수를 사용하는 것입니다. 예는 다음과 같습니다. let num = 123;
    • let str = string (num);
    console.log (str); // outputs : "123"이 코드에서는 숫자 123이 String () 함수를 사용하여 문자열로 변환되고 결과는 콘솔에 로그인됩니다. 부동 소수점 번호를 JavaScript의 문자열로 변환하려면 어떻게해야합니까?

    부동 소수점 번호를 JavaScript의 문자열로 변환하는 것은 정수를 변환하는 것과 유사합니다. toString () 메소드 또는 String () 함수를 사용할 수 있습니다. 다음은 tostring () 메소드를 사용하는 예입니다.

    let num = 123.45;
    let str = num.toString ();
    console.log (str); // 출력 : "123.45"
    이 코드에서는 플로팅 포인트 번호 123.45가 toString () 메소드를 사용하여 문자열로 변환되고 결과는 콘솔에 로그인됩니다. javaScript의 문자열로 숫자를 변환 할 때 radix를 지정?
    예, toString () 메소드를 사용하여 숫자를 JavaScript의 문자열로 변환 할 때 radix (base)를 지정할 수 있습니다. radix는 2와 36 사이의 정수 일 수 있습니다. 예는 다음과 같습니다.

    let num = 123;

    let str = num.tostring (16);

    console.log (str); // 출력 : "7B"이 코드에서 숫자 123은 16의 라드 인 TOSTRING () 메소드를 사용하여 16 진수 (기본 16) 문자열로 변환되고 결과는 콘솔에 기록됩니다. <. javascript toexponential> het num = 123;

    let str = num.toexponential ();
    console.log (str); // 출력 : "1.23e 2"
    이 코드에서 숫자 123은 ToExponential () 메소드를 사용하여 과학 표기법의 문자열로 변환되고 결과는 콘솔에 로그인됩니다.

    JavaScript의 특정 소수점 자리가있는 문자열로 숫자를 어떻게 변환하려면?

    숫자를 JavaScript의 특정 수수인 자리를 가진 문자열로 변환하려면 tofixed () 메소드를 사용할 수 있습니다. . 예는 다음과 같습니다. het num = 123.456;

    let str = num.tofixed (2);

    console.log (str); // 출력 : "123.46"

    이 코드에서는 숫자 123.456이 두 십이 자리가있는 문자열로 변환되고 결과는 콘솔에 로그인됩니다. 문자열을 javaScript의 숫자로 다시 변환합니까?

    예, 숫자 () 함수, parseint () 함수 또는 parsefloat () 함수를 사용하여 문자열을 JavaScript의 숫자로 다시 변환 할 수 있습니다. 특정 요구 사항에 따라. 다음은 숫자 () 함수를 사용하는 예입니다. let str = "123";
    let num = number (str);
    console.log (num); // outputs : 123

    이 코드에서 문자열 "123"은 숫자 () 함수를 사용하여 숫자로 다시 변환되고 결과는 콘솔에 로그인됩니다. 숫자가 아닌 문자열을 JavaScript의 숫자로 변환하려고하면 어떻게됩니까?

    숫자가 아닌 문자열을 JavaScript의 숫자로 변환하려고하면 결과는 NAN이됩니다. 숫자). 예는 다음과 같습니다. let str = "abc";

    let num = number (str);

    console.log (num); // outputs : nan
    이 코드에서 숫자 () 함수를 사용하여 숫자가 아닌 문자열 "ABC"가 숫자로 변환되도록 시도하고 결과는 nan입니다. 문자열을 javaScript의 숫자로 변환 할 수있는 경우
    예, ISNAN () 함수를 사용하여 문자열을 JavaScript로 숫자로 변환 할 수 있는지 확인할 수 있습니다. 예는 다음과 같습니다. let str = "123";
    let isnum =! isnan (str);
    console.log (isnum); // outputs : true

    이 코드에서 문자열 "123"은 ISNAN () 함수를 사용하여 숫자로 변환 할 수 있는지 확인하고 결과가 콘솔에 로그인됩니다.

위 내용은 빠른 팁 : 숫자를 JavaScript의 문자열로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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