Petua Pantas: Cara Menukar Nombor ke Rentetan dalam JavaScript

Takeaways Key

• JavaScript menyediakan empat cara untuk menukar nombor ke rentetan: String interpolation, concatenation rentetan, kaedah toString (), dan rentetan () fungsi pembina. Pilihan kaedah bergantung kepada keperluan khusus dan kes penggunaan.
• interpolasi rentetan dan penyambungan rentetan paling baik digunakan apabila memasukkan nombor dalam rentetan. Walau bagaimanapun, kaedah ini boleh membuat kod kurang dibaca, terutamanya dengan penyambungan rentetan yang mungkin membawa kepada hasil yang tidak dijangka apabila digunakan dengan lebih daripada satu nombor.
• Perbezaan utama antara menggunakan rentetan () dan toString () ialah rentetan () berfungsi dengan nilai yang tidak jelas dan null, sedangkan ToString () tidak. Oleh itu, jika ada peluang bahawa nilai tidak dapat ditentukan atau batal, ia lebih selamat menggunakan rentetan ().

JavaScript agak fleksibel dan menawarkan pelbagai cara untuk menukar antara jenis data. Dalam tutorial pendek ini, kami akan melihat bagaimana anda boleh menukar nombor ke rentetan dalam JavaScript. Anda mungkin mahu melakukan ini untuk membuat data nombor lebih mudah dibaca untuk pengguna - contohnya, untuk memaparkan nombor sebagai sebahagian daripada ayat. Tutorial ini meneroka empat cara untuk menukar nombor ke rentetan dalam JavaScript. Kami mengesyorkan pendekatan yang berbeza bergantung kepada keperluan khusus dan penggunaan kes anda:

• String Interpolation: Apabila memasukkan nilai nombor dalam rentetan. Sebagai contoh, memaparkan teks pada laman web seperti "Anda telah menggunakan 7 kredit daripada 24". Anda juga boleh menggunakan Concatenation tetapi berhati -hati.
• String atau ToString (): Apabila menukar jenis nilai nombor ke rentetan. Sebagai contoh, menggunakan nombor sebagai input ke fungsi atau API yang mengharapkan rentetan. String dan ToString () kebanyakannya sama tetapi merawat pembolehubah yang tidak jelas dan tidak jelas.

Anda juga mungkin berminat untuk menukar rentetan ke nombor jika anda ingin melakukan tindakan yang bertentangan.

Tukar nombor ke rentetan menggunakan interpolasi

Interpolasi mungkin cara yang paling mudah dibaca menggunakan nombor dalam rentetan. Daripada menukarkan nombor secara manual ke rentetan, anda boleh memasukkannya ke dalam rentetan menggunakan kaedah ini. Untuk menggunakan interpolasi, bungkus rentetan dengan backticks (`) dan bukannya tanda petikan (" atau '). mempunyai pelbagai manfaat hebat lain. Contohnya:

<span>const number = 99;
</span><span>console.log(<span>`<span>${number}</span> percent of people love JavaScript`</span>); // "99% of people love JavaScript"
</span>

Oleh kerana rentetan yang sedang dilog masuk ke konsol dibalut dengan backticks, anda boleh memasukkan pembolehubah ke dalam rentetan menggunakan $ {}. Anda dapat melihat contoh dalam tindakan dalam demo codepen berikut.

Lihat pen Interpolasi String di JavaScript oleh SitePoint (@SitePoint) pada codepen.

Tukar nombor ke rentetan menggunakan concatenation rentetan

Pendekatan kedua adalah penyambungan rentetan. Anda boleh menukar nombor ke rentetan menggunakan operator. Contohnya:

<span>const number = 99;
</span><span>console.log(<span>`<span>${number}</span> percent of people love JavaScript`</span>); // "99% of people love JavaScript"
</span>

Lihat pen Tukar Nombor ke Rentetan dengan Concatenation oleh SitePoint (@SitePoint) pada codepen.

Walaupun pendekatan ini cekap (kerana ia memerlukan jumlah kod yang paling sedikit), ia boleh menjadikan kod kurang dibaca.

Kaveat Concatenation String

Apabila menggunakan pendekatan ini dengan lebih daripada satu nombor, hasil yang tidak dijangka mungkin berlaku. Contohnya:

<span>const number = 99;
</span><span>console.log(<span>`<span>${number}</span> percent of people love JavaScript`</span>); // "99% of people love JavaScript"
</span>

Oleh kerana A B dinilai terlebih dahulu sebelum mencapai rentetan, operasi itu adalah tambahan berangka dan bukannya penyambungan rentetan. Sebaik sahaja pemboleh ubah rentetan atau literal dicapai, operasi menjadi penyambungan rentetan. Jadi, hasilnya ialah 2468 lebuh raya. Walau bagaimanapun, cuba ubah kod ke perkara berikut:

<span>console.log(10 + "USD"); //"10USD"
</span><span>console.log(10 + ""); //"10"
</span>

Kerana "ia adalah" A dinilai terlebih dahulu, pengendali digunakan untuk penyambungan rentetan untuk seluruh ungkapan. Oleh itu, bukannya operasi tambahan antara A dan B seperti contoh terdahulu, ia menjadi operasi penyambungan rentetan antara kedua -duanya. Ini dapat diselesaikan menggunakan tanda kurung:

<span>const a = 2000;
</span><span>const b = 468;
</span><span>console.log(a + b + " motorway"); // "2468 motorway"
</span>

Penambahan antara A dan B dilakukan terlebih dahulu, yang membawa kepada operasi tambahan antara kedua -dua pembolehubah. Kemudian, concatenation rentetan digunakan untuk sisa ekspresi sejak operan pertama adalah "ia adalah".

Tukar nombor ke rentetan menggunakan ToString

Pendekatan ketiga menggunakan kaedah ToString (). Kaedah ini tersedia untuk semua jenis data JavaScript, termasuk nombor. Ia menukarkan nilai nombor yang digunakan dan mengembalikannya. Contohnya:

<span>const a = 2000;
</span><span>const b = 468;
</span><span>console.log("it is " + a + b + " motorway"); // "it is 2000468 motorway"
</span>

Contoh ini menunjukkan hasil yang sama seperti pendekatan pertama. Anda juga boleh melihatnya dalam tindakan dalam demo codepen berikut.

Lihat pen JS menukar nombor ke rentetan menggunakan ToString () oleh SitePoint (@SitePoint) pada codepen.

Tukar nombor ke rentetan menggunakan rentetan

Pendekatan keempat menggunakan fungsi pembina rentetan (). Fungsi ini menerima pembolehubah untuk menukar sebagai parameter pertama. Ia menukar parameter ke rentetan dan mengembalikannya. Contohnya:

<span>const a = 2000;
</span><span>const b = 468;
</span><span>console.log("it is " + (a + b) + " motorway"); // "it is 2468 motorway"
</span>

Apabila log masuk nilai nombor dan jenisnya dalam konsol, hasilnya masing -masing adalah 10 dan bilangannya. Selepas menukarnya, hasilnya adalah 10 sebagai rentetan dan rentetan masing -masing. Anda dapat melihat contoh dalam tindakan dalam demo codepen berikut.

Lihat pen JS Tukar Nombor ke String Menggunakan String () oleh SitePoint (@SitePoint) pada codepen.

Kesimpulan

Tutorial ini menunjukkan anda empat pendekatan yang boleh anda gunakan untuk menukar nombor ke rentetan dalam JavaScript. Walaupun kaedah ini dapat menghasilkan hasil yang sama apabila digunakan dengan nombor, terdapat beberapa kes di mana satu pendekatan akan lebih baik daripada yang lain. Perbezaan utama antara menggunakan rentetan () dan toString () ialah rentetan () berfungsi dengan nilai yang tidak jelas dan nol, sedangkan toString () tidak. Jadi, jika anda mempunyai nilai yang harus mengandungi nombor tetapi anda ingin selamat apabila menukarnya ke rentetan, anda boleh menggunakan rentetan (). Bagi interpolasi rentetan dan penggabungan rentetan, mereka lebih baik digunakan apabila menggunakan nombor dalam rentetan. Jika tidak, menggunakan kaedah ini boleh membuat kod kurang dibaca. Jika anda mendapati artikel ini berguna, anda juga boleh menikmati perkara berikut:

• Petua cepat: Cara menukar nombor ke rentetan dalam JavaScript
• belajar kod dengan JavaScript
• bagaimana untuk belajar javascript cepat: enam helah minda mudah
• 25 JavaScript shorthand techniques coding
• ES6 dalam Tindakan: Kaedah Nombor Baru
• ES6 dalam Tindakan: Kaedah String Baru - String.Prototype.*
• Nilai Trongy dan Falsy: Apabila semuanya tidak sama dengan JavaScript

Soalan Lazim (Soalan Lazim) Mengenai Nombor Menukar kepada String dalam JavaScript

Apakah kepentingan penukaran nombor kepada rentetan dalam JavaScript? Ia amat berguna apabila anda perlu memaparkan data berangka kepada pengguna, melakukan operasi penyambungan dengan rentetan, atau nombor kedai dalam format yang mudah dibaca dan dimanipulasi. Contohnya, jika anda ingin memaparkan nombor dalam medan teks di laman web, anda perlu menukarnya ke rentetan terlebih dahulu, kerana medan teks hanya menerima data rentetan.

Bagaimana saya boleh menukar nombor ke rentetan menggunakan kaedah ToString ()? Berikut adalah contoh mudah:

let num = 123; let str = num.toString (); console.log (str); // output: "123"

Dalam kod ini, nombor 123 ditukar kepada rentetan menggunakan kaedah toString (), dan hasilnya kemudian dilog masuk ke konsol. ke rentetan tanpa menggunakan kaedah ToString ()? Satu cara alternatif ialah menggunakan fungsi rentetan (). Berikut adalah contoh:

let num = 123;

let str = string (num);
console.log (str); // output: "123"
Dalam kod ini, nombor 123 ditukar kepada rentetan menggunakan fungsi rentetan (), dan hasilnya kemudian log masuk ke konsol.

Bagaimanakah saya boleh menukar nombor terapung ke rentetan dalam JavaScript? Anda boleh menggunakan sama ada kaedah ToString () atau fungsi rentetan (). Berikut adalah contoh menggunakan kaedah toString ():

let Num = 123.45;

let str = num.toString ();
console.log (str); // output: "123.45"
Dalam kod ini, nombor terapung 123.45 ditukar kepada rentetan menggunakan kaedah toString (), dan hasilnya kemudian dilog masuk ke konsol. Tentukan radix apabila menukar nombor ke rentetan dalam JavaScript?

Ya, anda boleh menentukan radix (asas) apabila menukar nombor ke rentetan dalam JavaScript menggunakan kaedah ToString (). Radix boleh menjadi integer antara 2 dan 36. Berikut adalah contoh:

let num = 123; let str = num.toString (16); console.log (str); // output: "7b"

Dalam kod ini, nombor 123 ditukar kepada rentetan heksadesimal (asas 16) menggunakan kaedah toString () dengan radix 16, dan hasilnya kemudian dilog masuk ke konsol.

Bagaimana saya boleh menukar nombor ke rentetan dalam notasi saintifik dalam javascript?

Untuk menukar nombor ke rentetan dalam notasi saintifik dalam JavaScript, anda boleh menggunakan kaedah toexponential (). Berikut adalah contoh:
let num = 123;
let str = num.toExponential ();

console.log (str); // output: "1.23e 2"

Dalam kod ini, nombor 123 ditukar kepada rentetan dalam notasi saintifik menggunakan kaedah toexponential (), dan hasilnya kemudian dilog masuk ke konsol. Bagaimana saya boleh menukar nombor ke rentetan dengan bilangan tempat perpuluhan tertentu di JavaScript? . Berikut adalah contoh:

let num = 123.456;

let str = num.tOfixed (2);
console.log (str); // output: "123.46"
Dalam kod ini, nombor 123.456 ditukar kepada rentetan dengan dua tempat perpuluhan menggunakan kaedah tofixed (), dan hasilnya kemudian dilog masuk ke konsol. Saya menukar rentet bergantung kepada keperluan khusus. Berikut adalah contoh menggunakan nombor () fungsi:
let str = "123"; let num = number (str); console.log (num); // output: 123
Dalam kod ini, rentetan "123" ditukar kembali ke nombor menggunakan fungsi nombor (), dan hasilnya kemudian dilog masuk ke konsol.

Apa yang berlaku jika saya cuba menukar rentetan bukan angka ke nombor dalam JavaScript? nombor). Berikut adalah contoh:

let str = "abc";

let num = number (str);
console.log (num); // output: nan
Dalam kod ini, rentetan bukan angka "ABC" cuba ditukar kepada nombor menggunakan fungsi nombor (), dan hasilnya adalah nan. Jika rentetan boleh ditukar kepada nombor dalam JavaScript?

Ya, anda boleh menyemak sama ada rentetan boleh ditukar kepada nombor dalam JavaScript menggunakan fungsi ISNAN (). Berikut adalah contoh:

let str = "123";

biarkan isNum =! Isnan (str);

console.log (isNum); // Output: Benar Dalam kod ini, rentetan "123" diperiksa untuk melihat sama ada ia boleh ditukar kepada nombor menggunakan fungsi ISNAN (), dan hasilnya kemudian dilog masuk ke konsol.

Atas ialah kandungan terperinci Petua Pantas: Cara Menukar Nombor ke Rentetan dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!