如何在 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()函数是一个用户定义的函数，它使用一元 + 运算符将字符串转换为数字。此函数可用于将字符串数组转换为数字数组。
结论
在 JavaScript 中，有两种方法可以将字符串数组转换为数字数组。第一种方法是使用内置的 parseInt() 方法，第二种方法是使用类型转换函数。
