Bagaimana untuk menukar nombor kepada tatasusunan dalam JavaScript?-tutorial js-php.cn

Bagaimana untuk menukar nombor kepada tatasusunan dalam JavaScript?

王林

Lepaskan： 2023-08-29 13:25:09

ke hadapan

1297 orang telah melayarinya

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

Dalam JavaScript, terdapat banyak kaedah terbina dalam untuk menukar nombor kepada tatasusunan. Yang paling mudah ialah kaedah split(). Kita juga boleh menggunakan kaedah map(), reduce() atau form() untuk melaksanakan tugas. Artikel ini membincangkan beberapa kaedah paling popular untuk menukar nombor kepada tatasusunan dan memberikan contoh masa dan cara menggunakan setiap teknik.

Sekarang persoalannya, mengapa anda perlu menukar nombor kepada tatasusunan? Sebabnya mungkin untuk membahagikan nombor telefon kepada nombor berasingan atau tarikh kepada bahagian komponennya (menghuraikan tarikh), atau ia boleh berguna apabila melakukan operasi matematik pada nombor berasingan.

Kaedah 1: Melalui kaedah split()

Sekarang, mari kita lihat kaedah split(). Ia adalah alat yang berguna untuk memecahkan rentetan kepada substring yang lebih kecil dan menukarnya kepada nombor. Ia kemudiannya boleh menukar nombor itu kepada tatasusunan dengan menukarnya kepada rentetan dan membahagikannya kepada nombor individu. Mari kita lihat dengan melaksanakan fungsi split() seperti yang ditunjukkan dalam contoh.

Contoh

Dalam contoh ini, kami menggunakan fungsi toString() untuk menukar integer kepada rentetan. Kemudian gunakan fungsi split() untuk membahagikan rentetan kepada susunan aksara individu. Output akhir ialah tatasusunan rentetan, setiap rentetan mewakili digit nombor asal.

<html>
<body>
   <p id="print"></p>
   <script>
      let number = 12345;
      let numberArray = number.toString().split("");
      document.getElementById("print").innerHTML = numberArray;
   </script>
</body>
</html>

Salin selepas log masuk

Kaedah 2: Gunakan kaedah map()

Dengan menggunakan kaedah map(), anda boleh mencipta tatasusunan baharu yang mengandungi output melaksanakan fungsi tertentu pada setiap elemen dalam tatasusunan panggilan. Ia juga boleh digunakan untuk menukar nombor kepada tatasusunan dengan mencipta tatasusunan nombor menggunakan kaedah map(). Berikut ialah arahan tentang cara menukar integer kepada tatasusunan menggunakan kaedah map() -

Contoh

Dalam contoh ini, kita mula-mula menukar integer kepada rentetan menggunakan fungsi keString() { [kod asli] }( ) kaedah. Rentetan ini kemudiannya ditukar kepada tatasusunan menggunakan fungsi Array.from(). Akhir sekali, kami menggunakan kaedah map() untuk menukar tatasusunan rentetan kepada tatasusunan integer

<html>
<body>
   <p id="print"></p>
   <script>
      let number = 12345;
      let numberArray = Array.from(number.toString(), Number).map(Number);
      document.getElementById("print").innerHTML =numberArray;
   </script>
</body>
</html>

Salin selepas log masuk

Kaedah 3: Gunakan Untuk Gelung

Kaedah ini adalah yang paling mudah, ia menggunakan gelung for untuk melelaran ke atas nombor dan menukarnya kepada tatasusunan nombor.

Contoh

Dalam contoh ini, kita mula-mula menukar nombor kepada rentetan menggunakan kaedah toString(). Kami kemudiannya menggunakan gelung for untuk mengulang nombor dan menggunakan kaedah parseInt untuk menukar nombor individu dan menolaknya ke dalam tatasusunan.

<html>
<body>
   <p id="print"></p>
   <script>
      let number = 12345;
      let numberArray = [];
      for (let i = 0; i < number.toString().length; i++) {
         numberArray.push(parseInt(number.toString()[i]));
      }
      document.getElementById("print").innerHTML = numberArray;
   </script>
</body>
</html>

Salin selepas log masuk

Kaedah 4: Gunakan kaedah reduce()

Kaedah

reduce() ialah kaedah tatasusunan yang boleh digunakan untuk mengurangkan tatasusunan kepada satu nilai. Dalam contoh ini, kami akan menggunakan kaedah reduce() untuk menukar nombor kepada tatasusunan nombor

Contoh

Dalam contoh ini, kami mula-mula menggunakan kaedah `toString()`. Kami kemudian menggunakan kaedah split() untuk membahagikan rentetan kepada susunan aksara individu. Akhir sekali, kami mengulangi tatasusunan aksara menggunakan kaedah "reduce()", menghuraikan setiap aksara ke dalam integer dan menambahkannya pada tatasusunan akhir, yang merupakan penumpuk dalam kes ini.

<html>
<body>
   <p id="print"></p>
   <script>
      let number = 12345;
      let numberArray = number.toString().split('').reduce((acc, curr) => {
         return [...acc, parseInt(curr)];
      }, []);
      document.getElementById("print").innerHTML=numberArray ;
   </script>
</body>
</html>

Salin selepas log masuk

Kaedah 5: Gunakan kaedah Array.from()

Sekarang, kita akan mempelajari cara lain untuk menukar atau menukar nombor kepada tatasusunan. Jadi, di sini kita akan menggunakan kaedah Array.from(). Array.from menjana tatasusunan baharu daripada objek boleh lelar atau seperti tatasusunan. Dalam kes ini, kita boleh menggunakan kaedah Array.from() untuk menukar perwakilan rentetan nombor kepada tatasusunan nombor tunggal.

Contoh

Sekarang, mari kita lihat kod kaedah di atas.

<html>
<body>
   <p>Original number: 12345</p>
   <p id="result"></p> 
   <script>
      const num = 12345;
      const arr = Array.from(num.toString(), Number);
      document.getElementById("result").innerHTML = arr.join(", ");
   </script>
</body>
</html>

Salin selepas log masuk

Kesimpulan

Dalam JavaScript, terdapat pelbagai cara untuk menukar nombor kepada tatasusunan, setiap satu dengan kebaikan dan keburukan. Kaedah Split()' adalah yang paling mudah, manakala kaedah map()', 'for' dan reduce()' lebih berkuasa dan boleh disesuaikan, tetapi memerlukan lebih kepakaran. Anda boleh memilih kaedah yang paling sesuai dengan keperluan anda berdasarkan keperluan khusus projek anda.

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