JavaScript에서 문자열 배열을 숫자 배열로 변환하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

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

WBOY

풀어 주다： 2023-09-12 20:21:04

앞으로

2194명이 탐색했습니다.

如何在 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() 함수는 단항 + 연산자를 사용하여 문자열을 숫자로 변환하는 사용자 정의 함수입니다. 이 함수는 문자열 배열을 숫자 배열로 변환하는 데 사용할 수 있습니다.