>  기사  >  웹 프론트엔드  >  JavaScript에서 문자열 배열을 숫자 배열로 변환하는 방법은 무엇입니까?

JavaScript에서 문자열 배열을 숫자 배열로 변환하는 방법은 무엇입니까?

WBOY
WBOY앞으로
2023-09-12 20:21:042190검색

如何在 JavaScript 中将字符串数组转换为数字数组?

JavaScript에는 문자열 배열을 숫자 배열로 변환하는 여러 가지 방법이 있습니다. 첫 번째 방법은 내장된 parseInt() 메서드를 사용하는 것이고, 두 번째 방법은 type 변환 함수를 사용하는 것이고, 세 번째 방법은 unary+ 연산자를 사용하는 것입니다.

parseInt() 메서드 사용

parseInt() 메서드는 문자열을 매개변수로 받아들이고 숫자를 반환하는 JavaScript의 내장 함수입니다. 이 메서드를 사용하면 문자열 배열을 숫자 배열로 변환할 수 있습니다.

Syntax

parseInt() 메소드 구문은 다음과 같습니다. -

parseInt(string, radix);

Parameters

  • String - 숫자로 변환할 문자열입니다.

  • Radix - 문자열의 기수(radix)를 지정하는 선택적 매개변수입니다. 기본값은 10입니다.

Example

다음 예제에서는 문자열 배열을 숫자 배열로 변환하기 위해 parseInt() 메서드를 사용하는 방법을 보여줍니다.

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var arr = ["1", "2", "3"];
      // array of strings

      var nums = arr.map(function(str) {
         // using map() to convert array of strings to numbers

         return parseInt(str); });
      document.getElementById("result").innerHTML = nums
   </script>
</body>
</html>

위의 예에서 parseInt() 메서드는 map() 메서드에서 사용되어 arr 배열의 각 요소를 숫자로 변환합니다. map() 메서드는 배열의 각 요소에 대한 함수 호출 결과를 포함하는 새 배열을 만듭니다.

유형 변환 함수 사용하기

문자열 배열을 숫자 배열로 변환하는 또 다른 방법은 유형 변환 함수를 사용하는 것입니다. 유형 변환함수는 한 데이터 유형을 다른 데이터 유형으로 변환하는 데 사용되는 사용자 정의 함수입니다.

예제

아래 예에서는 유형 변환 함수를 사용하여 문자열 배열을 숫자 배열로 변환합니다.

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      function toNumber(value) {
         return Number(value);
      }
      var arr = ["1", "2", "3"];
      var nums = arr.map(toNumber);
      document.getElementById("result").innerHTML = nums;
   </script>
</body>
</html>

위의 예에서 toNumber() 함수는 문자열을 숫자로 변환합니다. 이 함수는 문자열 배열을 숫자 배열로 변환하는 데 사용됩니다.

단항 + 연산자 사용

문자열 배열을 숫자 배열로 변환하는 또 다른 방법은 단항 + 연산자를 사용하는 것입니다. 단항 + 연산자는 피연산자를 숫자로 변환하는 접두사 연산자입니다.

다음 프로그램은 단항 + 연산자를 사용하여 문자열 배열을 숫자 배열로 변환하는 방법을 보여줍니다.

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var arr = ["1", "2", "3"];
 
      // Using the unary + operator
      var nums = arr.map(unaryOp);
      document.getElementById("result").innerHTML = nums
     
      // Function that converts string to number
      function unaryOp(value) {
         return +value;
      }    
   </script>
</body>
</html>

위 예에서 unaryOp() 함수는 단항 + 연산자를 사용하여 문자열을 숫자로 변환하는 사용자 정의 함수입니다. 이 함수는 문자열 배열을 숫자 배열로 변환하는 데 사용할 수 있습니다.

결론

JavaScript에서는 문자열 배열을 숫자 배열로 변환하는 두 가지 방법이 있습니다. 첫 번째 방법은 내장된 parsInt() 메서드를 사용하는 것이고, 두 번째 방법은 유형 변환 함수를 사용하는 것입니다.

위 내용은 JavaScript에서 문자열 배열을 숫자 배열로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제