Bagaimana untuk menukar tatasusunan rentetan kepada tatasusunan nombor dalam JavaScript?

WBOY
Lepaskan: 2023-09-12 20:21:04
ke hadapan
2176 orang telah melayarinya

如何在 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);
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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!

sumber:tutorialspoint.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!