Jadual Kandungan
Penukaran jenis eksplisit
Penukaran jenis tersirat
Penukaran jenis tersirat bagi rentetan dan nombor
Penukaran jenis tersirat nilai Boolean
Penukaran jenis automatik
Penukaran jenis automatik dalam pernyataan if
Penukaran jenis automatik dalam untuk gelung
Penukaran jenis automatik dalam gelung while
Ringkasan
Rumah hujung hadapan web Soal Jawab bahagian hadapan Pandangan terperinci pada penukaran jenis dalam JavaScript

Pandangan terperinci pada penukaran jenis dalam JavaScript

Apr 23, 2023 pm 07:29 PM

JavaScript ialah bahasa pengaturcaraan yang sangat fleksibel yang menyokong pelbagai jenis data Sebarang penukaran jenis (sebarang penukaran jenis) adalah salah satu masalah yang sering dihadapi dalam JavaScript.

Jenis data dalam JavaScript boleh dibahagikan kepada jenis primitif dan jenis objek termasuk nombor, rentetan, nilai Boolean, null dan undefined, dan jenis objek termasuk Objek, Fungsi, Array, dsb.

Sebarang jenis data boleh ditukar kepada jenis data lain menggunakan peraturan penukaran jenis tertentu perlu dipatuhi semasa proses penukaran ini.

Di bawah ini kami akan memperkenalkan penukaran jenis dalam JavaScript secara terperinci.

Penukaran jenis eksplisit

JavaScript menyediakan beberapa fungsi terbina dalam yang boleh menukar sebarang jenis data kepada jenis data lain. Fungsi ini boleh digunakan seperti fungsi biasa, seperti yang ditunjukkan di bawah:

// 将数字转换为字符串
var num = 123;
var str = num.toString(); // str 将会是 "123"

// 将字符串转换为数字
var str = "123";
var num = Number(str); // num 将会是 123

// 将字符串转换为布尔值
var str = "123";
var bool = Boolean(str); // bool 将会是 true
Salin selepas log masuk

Dalam fungsi ini, toString(), Number(), dan Boolean() digunakan untuk penukaran jenis eksplisit.

Dalam JavaScript, anda juga boleh melakukan penukaran jenis eksplisit menggunakan operator cast (seperti +, -, ++, --, dll.).

Apabila melakukan penukaran jenis eksplisit, anda perlu memberi perhatian kepada perkara berikut:

  • Apabila nombor dan rentetan ditambah, JavaScript akan menukar nombor itu kepada rentetan secara automatik, dan kemudian Lakukan penggabungan rentetan. Kod sampel adalah seperti berikut:
var num = 123;
var str = "456";
var result = num + str; // result 将会是 "123456"
Salin selepas log masuk
  • Apabila rentetan dan nilai Boolean ditambah, JavaScript menukar nilai Boolean kepada nombor sebelum menambahkannya. Kod sampel adalah seperti berikut:
var str = "123";
var bool = true;
var result = str + bool; // result 将会是 "123true"
Salin selepas log masuk
  • Apabila nilai Boolean ditambahkan pada nombor, JavaScript menukar nilai Boolean kepada nombor sebelum menambahkannya. Kod sampel adalah seperti berikut:
var num = 123;
var bool = true;
var result = num + bool; // result 将会是 124
Salin selepas log masuk

Penukaran jenis tersirat

Dalam JavaScript, sesetengah pengendali dan fungsi secara tersirat menukar satu jenis data kepada yang lain.

Penukaran jenis tersirat bagi rentetan dan nombor

Apabila rentetan dan nombor dibandingkan atau dikendalikan, JavaScript akan secara automatik menukar rentetan itu kepada nombor dan kemudian melakukan perbandingan atau operasi. Kod sampel adalah seperti berikut:

var str = "123";
var num = 456;
var result1 = str + num; // result1 将会是 "123456"
var result2 = num + str; // result2 将会是 "456123"
Salin selepas log masuk

Dalam kod di atas, simbol + boleh digunakan untuk menyambung rentetan atau menambah nombor Disebabkan pengendalian rentetan dan nombor, JavaScript akan menukar rentetan secara automatik. menjadi nombor, jadi hasil akhir ialah rentetan.

Penukaran jenis tersirat nilai Boolean

Dalam JavaScript, apabila nilai Boolean mengambil bahagian dalam perbandingan atau operasi, nilai Boolean akan ditukar secara automatik kepada jenis angka untuk perbandingan atau operasi. Benar bertukar kepada 1, Salah bertukar kepada 0. Kod sampel adalah seperti berikut:

var num = 5;
var bool1 = num == true; // bool1 将会是 false
var bool2 = num == false; // bool2 将会是 false
var bool3 = num > false; // bool3 将会是 true
Salin selepas log masuk

Penukaran jenis automatik

Dalam JavaScript, sesetengah operasi akan mencetuskan penukaran jenis secara automatik.

Dalam JavaScript, semua jenis bukan boolean dalam pernyataan if, for, while, dsb. akan mencetuskan penukaran jenis secara automatik.

Mari berikan contoh di bawah:

Penukaran jenis automatik dalam pernyataan if

Dalam JavaScript, bukan Boolean menaip pernyataan if akan mencetuskan penukaran jenis secara automatik. Apabila jenis bukan Boolean digunakan sebagai syarat, JavaScript memanggil fungsi Boolean() untuk menukarnya kepada jenis nilai Boolean.

Contoh berikut menggambarkan penukaran jenis bukan Boolean dalam pernyataan if kepada jenis Boolean:

if (null) {
    console.log("null is true");
} else {
    console.log("null is false");
}

if (undefined) {
    console.log("undefined is true");
} else {
    console.log("undefined is false");
}

if (0) {
    console.log("0 is true");
} else {
    console.log("0 is false");
}

if ("") {
    console.log("'' is true");
} else {
    console.log("'' is false");
}
Salin selepas log masuk

Hasil output adalah seperti berikut:

null is false
undefined is false
0 is false
'' is false
Salin selepas log masuk

Daripada yang di atas keputusan output Ia boleh dilihat bahawa apabila jenis bukan Boolean digunakan dalam pernyataan if, ia perlu ditukar kepada jenis Boolean sebelum membuat pertimbangan.

Penukaran jenis automatik dalam untuk gelung

Dalam JavaScript, jenis bukan boolean dalam untuk gelung akan mencetuskan penukaran jenis secara automatik. Apabila jenis bukan Boolean digunakan sebagai syarat dalam gelung for, JavaScript memanggil fungsi Boolean() untuk menukarnya kepada jenis nilai Boolean.

Contoh berikut menggambarkan penukaran jenis bukan Boolean dalam gelung for kepada jenis Boolean:

for(var i=0; i<=10; i++) {
    if(i) {
        console.log(i);
    }
}
Salin selepas log masuk

Hasil output adalah seperti berikut:

1
2
3
4
5
6
7
8
9
10
Salin selepas log masuk

Daripada keputusan keluaran di atas Dapat dilihat bahawa dalam gelung for, jenis bukan Boolean juga boleh ditukar kepada jenis Boolean dan kemudian dinilai.

Penukaran jenis automatik dalam gelung while

Dalam JavaScript, jenis bukan boolean dalam gelung while akan mencetuskan penukaran jenis secara automatik. Apabila jenis bukan Boolean digunakan sebagai syarat dalam gelung sementara, JavaScript memanggil fungsi Boolean() untuk menukarnya kepada jenis nilai Boolean.

Contoh berikut menggambarkan penukaran jenis bukan Boolean dalam gelung while kepada jenis Boolean:

var i = 0;
while(i < 10) {
    i++;
    if(i%2) {
        console.log(i + "是奇数");
    } else {
        console.log(i + "是偶数");
    }
}
Salin selepas log masuk

Hasil output adalah seperti berikut:

1是奇数
2是偶数
3是奇数
4是偶数
5是奇数
6是偶数
7是奇数
8是偶数
9是奇数
10是偶数
Salin selepas log masuk

Anda boleh lihat daripada hasil keluaran di atas Dalam gelung while, jenis bukan Boolean juga boleh ditukar kepada jenis Boolean dan kemudian dinilai.

Ringkasan

Dalam JavaScript, sebarang penukaran jenis perlu mengikut peraturan tertentu. Semasa proses penukaran jenis, anda perlu memberi perhatian kepada beberapa perkara utama:

  • Jenis data dalam JavaScript termasuk jenis primitif dan jenis objek;
  • Penukaran jenis eksplisit boleh menggunakan fungsi penukaran jenis atau operator cast
  • Penukaran Jenis Tersirat ialah kaedah penukaran jenis biasa dalam JavaScript;
  • Penukaran jenis automatik bermakna bahawa jenis bukan Boolean dalam if, for, while dan pernyataan lain akan mencetuskan penukaran jenis secara automatik
  • Dalam Apabila melakukan sebarang penukaran jenis, anda perlu membayar perhatian kepada peraturan penukaran jenis untuk memastikan ketepatan kod.

Di atas adalah pengenalan terperinci kepada mana-mana jenis penukaran dalam JavaScript. Saya harap ia dapat memberi anda sedikit bantuan.

Atas ialah kandungan terperinci Pandangan terperinci pada penukaran jenis dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Apa itu useeffect? Bagaimana anda menggunakannya untuk melakukan kesan sampingan? Apa itu useeffect? Bagaimana anda menggunakannya untuk melakukan kesan sampingan? Mar 19, 2025 pm 03:58 PM

Artikel ini membincangkan useeffect dalam React, cangkuk untuk menguruskan kesan sampingan seperti pengambilan data dan manipulasi DOM dalam komponen berfungsi. Ia menerangkan penggunaan, kesan sampingan yang biasa, dan pembersihan untuk mencegah masalah seperti kebocoran memori.

Bagaimana anda menyambungkan komponen React ke kedai Redux menggunakan Connect ()? Bagaimana anda menyambungkan komponen React ke kedai Redux menggunakan Connect ()? Mar 21, 2025 pm 06:23 PM

Artikel membincangkan penyambungan komponen reaksi ke kedai redux menggunakan Connect (), menerangkan MapStateToprops, MapdispatchToprops, dan kesan prestasi.

Apakah useContext? Bagaimana anda menggunakannya untuk berkongsi keadaan antara komponen? Apakah useContext? Bagaimana anda menggunakannya untuk berkongsi keadaan antara komponen? Mar 19, 2025 pm 03:59 PM

Artikel ini menerangkan USEContext dalam React, yang memudahkan pengurusan negara dengan mengelakkan penggerudian prop. Ia membincangkan faedah seperti keadaan terpusat dan penambahbaikan prestasi melalui pengurangan semula yang dikurangkan.

Bagaimana anda mengelakkan tingkah laku lalai di pengendali acara? Bagaimana anda mengelakkan tingkah laku lalai di pengendali acara? Mar 19, 2025 pm 04:10 PM

Artikel membincangkan menghalang tingkah laku lalai dalam pengendali acara menggunakan kaedah pencegahanDefault (), faedahnya seperti pengalaman pengguna yang dipertingkatkan, dan isu -isu yang berpotensi seperti kebimbangan aksesibiliti.

Apakah kelebihan dan kekurangan komponen terkawal dan tidak terkawal? Apakah kelebihan dan kekurangan komponen terkawal dan tidak terkawal? Mar 19, 2025 pm 04:16 PM

Artikel ini membincangkan kelebihan dan kekurangan komponen terkawal dan tidak terkawal dalam React, yang memberi tumpuan kepada aspek seperti ramalan, prestasi, dan kes penggunaan. Ia menasihatkan faktor -faktor yang perlu dipertimbangkan ketika memilih di antara mereka.

Peranan React dalam HTML: Meningkatkan Pengalaman Pengguna Peranan React dalam HTML: Meningkatkan Pengalaman Pengguna Apr 09, 2025 am 12:11 AM

React menggabungkan JSX dan HTML untuk meningkatkan pengalaman pengguna. 1) JSX membenamkan HTML untuk menjadikan pembangunan lebih intuitif. 2) Mekanisme DOM maya mengoptimumkan prestasi dan mengurangkan operasi DOM. 3) UI pengurusan berasaskan komponen untuk meningkatkan kebolehkerjaan. 4) Pengurusan negeri dan pemprosesan acara meningkatkan interaktiviti.

Apakah batasan sistem kereaktifan Vue 2 berkenaan dengan perubahan array dan objek? Apakah batasan sistem kereaktifan Vue 2 berkenaan dengan perubahan array dan objek? Mar 25, 2025 pm 02:07 PM

Sistem Reaktiviti Vue 2 bergelut dengan tetapan indeks array langsung, pengubahsuaian panjang, dan penambahan/penghapusan harta benda objek. Pemaju boleh menggunakan kaedah mutasi Vue dan vue.set () untuk memastikan kereaktifan.

Bagaimana anda menentukan laluan menggunakan & lt; route & gt; komponen? Bagaimana anda menentukan laluan menggunakan & lt; route & gt; komponen? Mar 21, 2025 am 11:47 AM

Artikel ini membincangkan laluan yang menentukan dalam Router React menggunakan & lt; route & gt; Komponen, meliputi prop seperti Path, Component, Render, Children, Exact, dan Routing bersarang.

See all articles