JavaScript で文字列の配列を数値の配列に変換するにはどうすればよいですか?-jsチュートリアル-php.cn

JavaScript で文字列の配列を数値の配列に変換するにはどうすればよいですか?

WBOY

リリース： 2023-09-12 20:21:04

転載

2074 人が閲覧しました

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

JavaScript では、文字列の配列を数値の配列に変換する方法がいくつかあります。 1 つ目の方法は、組み込みの parseInt() メソッドを使用することです。2 つ目は、型変換 関数を使用することです。3 つ目は、単項演算子を使用します。

parseInt() メソッドの使用

parseInt() メソッドは、文字列をパラメータとして受け入れる JavaScript の組み込み関数です。そして数値を返します。このメソッドは、文字列の配列を数値の配列に変換するために使用できます。

Syntax

parseInt()メソッドの構文は次のとおりです-

parseInt(string, radix);

ログイン後にコピー

Parameters

# 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>

ログイン後にコピー

上記の例では、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() 関数は、単項演算子を使用して文字列を数値に変換するユーザー定義関数です。この関数を使用すると、文字列の配列を数値の配列に変換できます。