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

front end technologyjavascriptweb development

在 JavaScript 中，有多种方法可以将字符串数组转换为数字数组。第一种方法是使用内置的 parseInt() 方法，第二种方法是使用 类型转换 函数，第三种方法是使用一元 + 运算符。

使用 parseInt() 方法

parseInt() 方法是 JavaScript 中的内置函数，它以字符串为参数并返回数字。此方法可用于将字符串数组转换为数字数组。

语法

parseInt() 方法的语法如下 −

parseInt(string, radix);

参数

String − 要转换为数字的字符串。
Radix − 可选参数，指定字符串的基数。默认值为 10。

示例

以下示例显示如何使用 parseInt() 方法将字符串数组转换为数字数组。

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var arr = ["1", "2", "3"];
      // 字符串数组

      var nums = arr.map(function(str) {
         // 使用 map() 将字符串数组转换为数字

         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"];
 
      // 使用一元 + 运算符
      var nums = arr.map(unaryOp);
      document.getElementById("result").innerHTML = nums
     
      // 将字符串转换为数字的函数
      function unaryOp(value) {
         return +value;
      }    
   </script>
</body>
</html>

在上面的例子中，unaryOp()函数是一个用户定义的函数，它使用一元 + 运算符将字符串转换为数字。此函数可用于将字符串数组转换为数字数组。