首页 > 文章 > web前端 > 如何在 JavaScript 中将字符串数组转换为数字数组？

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

WBOY转载: 2023-09-12 20:21:042176浏览

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

使用parseInt()方法

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

语法

parseInt()方法的语法如下-

parseInt(string, radix);

参数

字符串 - 要转换为数字的字符串。
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>

在上面的示例中，map()方法中使用了parseInt()方法将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() 方法，第二种方法是使用类型转换函数。

以上是如何在 JavaScript 中将字符串数组转换为数字数组？的详细内容。更多信息请关注PHP中文网其他相关文章！

JavaScript 数据类型运算符字符串 map 类型转换

声明：

本文转载于：tutorialspoint.com。如有侵权，请联系admin@php.cn删除

上一篇：如何使用 FabricJS 向文本框添加阴影？下一篇：如何在 JavaScript 中检查两个数字近似相等？

查看更多