如何在 JavaScript 中將字串陣列轉換為數字陣列?


JavaScript 中,有多種方法可以將字串陣列轉換為數字陣列。第一種方法是使用內建的 parseInt() 方法,第二種方法是使用**型別轉換**函式,第三種方法是使用**一元**+ 運算子。

使用 parseInt() 方法

parseInt() 方法是 JavaScript 中的一個內建函式,它接受一個字串作為引數並返回一個數字。此方法可用於將字串陣列轉換為數字陣列。

語法

parseInt() 方法的語法如下所示:

parseInt(string, radix);

引數

  • 字串 - 要轉換為數字的字串。

  • 基數 - 一個可選引數,指定字串的基數。預設值為 10。

示例

以下示例演示瞭如何使用 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 中,有兩種方法可以將字串陣列轉換為數字陣列。第一種方法是使用內建的 parseInt() 方法,第二種方法是使用型別轉換函式。

更新於: 2023年9月15日

29K+ 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

立即開始
廣告

© . All rights reserved.