Rumah > Artikel > hujung hadapan web > Bagaimana untuk menukar tatasusunan rentetan kepada tatasusunan nombor dalam JavaScript?

Bagaimana untuk menukar tatasusunan rentetan kepada tatasusunan nombor dalam JavaScript?

WBOYke hadapan: 2023-09-12 20:21:042104semak imbas

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

Dalam JavaScript, terdapat pelbagai cara untuk menukar tatasusunan rentetan kepada tatasusunan nombor. Cara pertama ialah menggunakan kaedah parseInt() terbina dalam, cara kedua ialah menggunakan fungsi jenis penukaran, dan cara ketiga ialah menggunakan operator unary+.

Gunakan kaedah parseInt()

parseInt() kaedah ialah fungsi terbina dalam JavaScript yang menerima rentetan sebagai parameter dan mengembalikan nombor. Kaedah ini boleh digunakan untuk menukar tatasusunan rentetan kepada tatasusunan nombor.

Syntax

parseInt()Sintaks kaedah adalah seperti berikut -

parseInt(string, radix);

Parameter

String - Rentetan untuk ditukar kepada nombor.
Radix - Parameter pilihan yang menentukan radix (radix) rentetan. Nilai lalai ialah 10.

Contoh

Contoh berikut menunjukkan cara menggunakan kaedah parseInt() untuk menukar tatasusunan rentetan kepada tatasusunan nombor.

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

Dalam contoh di atas, kaedah parseInt() digunakan dalam kaedah map() untuk menukar setiap elemen dalam tatasusunan arr kepada nombor. Kaedah map() mencipta tatasusunan baharu yang mengandungi hasil panggilan fungsi untuk setiap elemen dalam tatasusunan.

Menggunakan Fungsi Penukaran Jenis

Cara lain untuk menukar tatasusunan rentetan kepada tatasusunan nombor ialah menggunakan fungsi penukaran jenis. Penukaran jenisFungsi ialah fungsi yang ditentukan pengguna yang digunakan untuk menukar satu jenis data kepada jenis data yang lain.

Contoh

Dalam contoh di bawah, fungsi penukaran jenis digunakan untuk menukar tatasusunan rentetan kepada tatasusunan nombor.

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

Dalam contoh di atas, fungsi toNumber() menukar rentetan kepada nombor. Fungsi ini digunakan untuk menukar tatasusunan rentetan kepada tatasusunan nombor.

Menggunakan operator + unary

Cara lain untuk menukar tatasusunan rentetan kepada tatasusunan nombor ialah menggunakan operator unari +. Operator unary + ialah operator awalan yang menukarkan operannya kepada nombor.

Contoh

Atur cara berikut menunjukkan cara menggunakan operator unary + untuk menukar tatasusunan rentetan kepada tatasusunan nombor.

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

Dalam contoh di atas, fungsi unaryOp() ialah fungsi yang ditentukan pengguna yang menukar rentetan kepada nombor menggunakan operator + unary. Fungsi ini boleh digunakan untuk menukar tatasusunan rentetan kepada tatasusunan nombor.

Kesimpulan

Dalam JavaScript, terdapat dua cara untuk menukar tatasusunan rentetan kepada tatasusunan nombor. Cara pertama ialah menggunakan kaedah parseInt() terbina dalam dan cara kedua ialah menggunakan fungsi penukaran jenis.

Atas ialah kandungan terperinci Bagaimana untuk menukar tatasusunan rentetan kepada tatasusunan nombor dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Bagaimana untuk menambah bayangan ke kotak teks menggunakan FabricJS?Artikel seterusnya：Bagaimana untuk menambah bayangan ke kotak teks menggunakan FabricJS?

Artikel berkaitan

Lihat lagi