Takeaways Key
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:
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;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:
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 ();
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";
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:
biarkan isNum =! Isnan (str);
console.log (isNum); // Output: BenarAtas 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!

Alat AI Hot

Undress AI Tool
Gambar buka pakaian secara percuma

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Mekanisme pengumpulan sampah JavaScript secara automatik menguruskan memori melalui algoritma pembersihan tag untuk mengurangkan risiko kebocoran ingatan. Enjin melintasi dan menandakan objek aktif dari objek akar, dan tidak bertanda dianggap sebagai sampah dan dibersihkan. Sebagai contoh, apabila objek tidak lagi dirujuk (seperti menetapkan pembolehubah kepada null), ia akan dikeluarkan dalam pusingan seterusnya kitar semula. Punca kebocoran memori yang biasa termasuk: ① Pemasa atau pendengar peristiwa yang tidak jelas; ② Rujukan kepada pembolehubah luaran dalam penutupan; ③ Pembolehubah global terus memegang sejumlah besar data. Enjin V8 mengoptimumkan kecekapan kitar semula melalui strategi seperti kitar semula generasi, penandaan tambahan, kitar semula selari/serentak, dan mengurangkan masa menyekat benang utama. Semasa pembangunan, rujukan global yang tidak perlu harus dielakkan dan persatuan objek harus dihiasi dengan segera untuk meningkatkan prestasi dan kestabilan.

Terdapat tiga cara biasa untuk memulakan permintaan HTTP dalam node.js: Gunakan modul terbina dalam, axios, dan nod-fetch. 1. Gunakan modul HTTP/HTTPS terbina dalam tanpa kebergantungan, yang sesuai untuk senario asas, tetapi memerlukan pemprosesan manual jahitan data dan pemantauan ralat, seperti menggunakan https.get () untuk mendapatkan data atau menghantar permintaan pos melalui .write (); 2.AXIOS adalah perpustakaan pihak ketiga berdasarkan janji. Ia mempunyai sintaks ringkas dan fungsi yang kuat, menyokong async/menunggu, penukaran JSON automatik, pemintas, dan lain -lain. Adalah disyorkan untuk memudahkan operasi permintaan tak segerak; 3.Node-Fetch menyediakan gaya yang serupa dengan pengambilan penyemak imbas, berdasarkan janji dan sintaks mudah

Jenis data JavaScript dibahagikan kepada jenis primitif dan jenis rujukan. Jenis primitif termasuk rentetan, nombor, boolean, null, undefined, dan simbol. Nilai -nilai tidak berubah dan salinan disalin apabila memberikan nilai, jadi mereka tidak mempengaruhi satu sama lain; Jenis rujukan seperti objek, tatasusunan dan fungsi menyimpan alamat memori, dan pembolehubah menunjuk objek yang sama akan mempengaruhi satu sama lain. Typeof dan Instanceof boleh digunakan untuk menentukan jenis, tetapi memberi perhatian kepada isu -isu sejarah TypeOfNull. Memahami kedua -dua jenis perbezaan ini dapat membantu menulis kod yang lebih stabil dan boleh dipercayai.

Helo, pemaju JavaScript! Selamat datang ke berita JavaScript minggu ini! Minggu ini kami akan memberi tumpuan kepada: Pertikaian tanda dagangan Oracle dengan Deno, objek masa JavaScript baru disokong oleh pelayar, kemas kini Google Chrome, dan beberapa alat pemaju yang kuat. Mari mulakan! Pertikaian tanda dagangan Oracle dengan percubaan Deno Oracle untuk mendaftarkan tanda dagangan "JavaScript" telah menyebabkan kontroversi. Ryan Dahl, pencipta Node.js dan Deno, telah memfailkan petisyen untuk membatalkan tanda dagangan, dan dia percaya bahawa JavaScript adalah standard terbuka dan tidak boleh digunakan oleh Oracle

Rangka kerja JavaScript mana yang terbaik? Jawapannya ialah memilih yang paling sesuai mengikut keperluan anda. 1. REACT adalah fleksibel dan bebas, sesuai untuk projek sederhana dan besar yang memerlukan penyesuaian tinggi dan keupayaan seni bina pasukan; 2. Angular menyediakan penyelesaian lengkap, sesuai untuk aplikasi peringkat perusahaan dan penyelenggaraan jangka panjang; 3. Vue mudah digunakan, sesuai untuk projek kecil dan sederhana atau perkembangan pesat. Di samping itu, sama ada terdapat timbunan teknologi sedia ada, saiz pasukan, kitaran hayat projek dan sama ada SSR diperlukan juga faktor penting dalam memilih rangka kerja. Singkatnya, tidak ada kerangka terbaik, pilihan terbaik adalah yang sesuai dengan keperluan anda.

IIFE (Segera Dilanjutkan FunctionExpression) adalah ekspresi fungsi yang dilaksanakan dengan segera selepas definisi, digunakan untuk mengasingkan pembolehubah dan mengelakkan mencemarkan skop global. Ia dipanggil dengan membungkus fungsi dalam kurungan untuk menjadikannya ungkapan dan sepasang kurungan segera diikuti olehnya, seperti (fungsi () {/code/}) ();. Penggunaan terasnya termasuk: 1. Elakkan konflik berubah -ubah dan mencegah pertindihan penamaan antara skrip berganda; 2. Buat skop peribadi untuk menjadikan pembolehubah dalaman tidak kelihatan; 3. Kod modular untuk memudahkan permulaan tanpa mendedahkan terlalu banyak pembolehubah. Kaedah penulisan biasa termasuk versi yang diluluskan dengan parameter dan versi fungsi anak panah ES6, tetapi perhatikan bahawa ungkapan dan ikatan mesti digunakan.

Janji adalah mekanisme teras untuk mengendalikan operasi tak segerak dalam JavaScript. Memahami panggilan rantaian, pengendalian ralat dan gabungan adalah kunci untuk menguasai aplikasi mereka. 1. Panggilan rantai mengembalikan janji baru melalui .then () untuk merealisasikan persamaan proses tak segerak. Setiap .then () menerima hasil sebelumnya dan boleh mengembalikan nilai atau janji; 2. Pengendalian ralat harus menggunakan .catch () untuk menangkap pengecualian untuk mengelakkan kegagalan senyap, dan boleh mengembalikan nilai lalai dalam tangkapan untuk meneruskan proses; 3. Gabungan seperti janji.all () (berjaya hanya berjaya selepas semua kejayaan), janji.race () (penyempurnaan pertama dikembalikan) dan janji.allsettled () (menunggu semua penyelesaian)

CACHEAPI adalah alat yang disediakan oleh penyemak imbas kepada permintaan rangkaian cache, yang sering digunakan bersempena dengan ServiceWorker untuk meningkatkan prestasi laman web dan pengalaman luar talian. 1. Ia membolehkan pemaju menyimpan sumber secara manual seperti skrip, helaian gaya, gambar, dan lain -lain; 2. Ia boleh memadankan tindak balas cache mengikut permintaan; 3. Ia menyokong memotong cache tertentu atau membersihkan seluruh cache; 4. Ia boleh melaksanakan keutamaan cache atau strategi keutamaan rangkaian melalui perkhidmatan pekerja yang mendengar acara mengambil; 5. Ia sering digunakan untuk sokongan luar talian, mempercepat kelajuan akses berulang, sumber utama dan kandungan kemas kini latar belakang; 6. Apabila menggunakannya, anda perlu memberi perhatian kepada kawalan versi cache, sekatan penyimpanan dan perbezaan dari mekanisme caching HTTP.
