Penukaran jenis tutorial novis JavaScript

Dengan perkembangan teknologi bahagian hadapan, JavaScript telah menjadi bahasa pilihan untuk lebih ramai pembangun. Dalam JavaScript, penukaran jenis ialah sumber yang sangat penting. Apabila anda ingin menukar nilai daripada satu jenis kepada yang lain, menjadi sangat penting untuk memahami mekanisme penukaran jenis dalam JavaScript. Dalam artikel ini, kami akan melihat secara mendalam tentang penukaran jenis dalam JavaScript.

Jenis data asas

Dalam JavaScript, terdapat tujuh jenis data asas, iaitu nombor, rentetan, boolean, undefined, null, bigint dan simbol. Sesetengah jenis data boleh ditukar kepada boolean true atau false. Jika nilai boleh ditukar kepada benar, ia dipanggil "kebenaran", jika nilai boleh ditukar kepada palsu, ia dipanggil "palsu".

Jika kita menukar nombor kepada jenis boolean, mana-mana nombor bukan 0 akan dianggap benar dan 0 akan dianggap palsu.

Contohnya:

console.log(Boolean(3)); //true
console.log(Boolean(-1)); //true
console.log(Boolean(0)); //false

String juga boleh ditukar kepada jenis Boolean. Sebarang rentetan yang tidak kosong akan dianggap sebagai benar dan rentetan kosong akan dianggap sebagai palsu.

Contohnya:

console.log(Boolean("hello")); //true
console.log(Boolean(" ")); //true
console.log(Boolean("")); //false

Kedua-dua Undefined dan null boleh ditukar kepada palsu.

console.log(Boolean(undefined)); //false
console.log(Boolean(null)); //false

Penukaran antara jenis angka dan jenis rentetan

Sekarang mari kita lihat dengan lebih mendalam pada penukaran jenis antara jenis angka dan jenis rentetan dalam JavaScript. Kita boleh menukar rentetan kepada jenis nombor menggunakan fungsi Number().

Contohnya:

console.log(Number("3")); //3
console.log(Number("3.14")); //3.14
console.log(Number("-19.2")); //-19.2
console.log(Number("123e5")); //12300000

Kita boleh menggunakan fungsi String() untuk menukar nombor kepada jenis rentetan.

Contohnya:

console.log(String(3)); //"3"
console.log(String(3.14)); //"3.14"
console.log(String(-2.1)); //"-2.1"

Tetapi apabila melakukan operasi aritmetik dengan nombor dan rentetan, kerja penukaran jenis menjadi lebih rumit sedikit. Jika kita menambah nombor dan rentetan, rentetan itu secara automatik ditukar kepada nombor.

Contohnya:

console.log(1 + "2"); //"12"
console.log(2 + "3" + 4); //"234"
console.log(5 * "2"); //10
console.log(4 / "2"); //2

Apabila kita melakukan operasi yang lebih kompleks pada nombor dan rentetan, kita perlu menggunakan fungsi parseInt() dan parseFloat(). Fungsi ini menukar rentetan kepada jenis angka, tetapi fungsi ini mempunyai had yang berbeza. Fungsi parseInt() menukar rentetan kepada integer. Fungsi parseFloat() menukar rentetan kepada nombor titik terapung.

Contohnya:

console.log(parseInt("3.14")); //3
console.log(parseFloat("3.14")); //3.14
console.log(parseInt("45 years old")); //45

Nota tentang penukaran jenis

Apabila melakukan penukaran jenis, kita perlu memberi perhatian kepada konsistensi dengan situasi dunia sebenar untuk mengelakkan ralat yang tidak perlu. Berikut ialah beberapa butiran tambahan yang perlu diketahui semasa melakukan penukaran jenis.

Pertama sekali, NaN (Bukan Nombor) menunjukkan nilai yang tidak sah. Apabila kita cuba menukar rentetan yang tidak sah kepada nombor, hasilnya akan menjadi NaN.

Contohnya:

console.log(Number("hello")); //NaN

Tambahan pula, jika kita menukar rentetan kepada nombor, jika rentetan itu tidak boleh ditukar kepada nombor, hasilnya akan menjadi NaN.

Contohnya:

console.log(Number("555-1212")); //NaN

Juga ambil perhatian bahawa apabila menukar objek kepada jenis angka, kita perlu mempertimbangkan kaedah valueOf() objek atau kaedah toString().

Contohnya:

let myObject = {
    valueOf: function() {return -10;}
}
console.log(Number(myObject)); //-10

Ringkasan

Dalam JavaScript, penukaran taip ialah kemahiran yang sangat penting. Dengan memahami secara mendalam dan meneroka mekanisme penukaran jenis dalam JavaScript, anda boleh lebih memahami kod JavaScript dan mengelakkan ralat yang tidak perlu. Dalam amalan, kita harus berhati-hati untuk konsisten dengan situasi dunia sebenar untuk mengelakkan penulisan kod yang tidak stabil.

Atas ialah kandungan terperinci Penukaran jenis tutorial novis JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!