如何在 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.