Rumah hujung hadapan web tutorial js Apakah jenis data yang berbeza dalam JavaScript?

Apakah jenis data yang berbeza dalam JavaScript?

Jun 24, 2025 am 12:11 AM

Jenis data JavaScript dibahagikan kepada jenis primitif dan jenis objek. Jenis primitif termasuk: 1. Bilangan: mewakili bilangan bulat dan nombor terapung; 2. String: urutan watak yang tidak berubah; 3. Boolean: Benar atau Salah; 4. Undefined: nilai undefined; 5. NULL: Tiada nilai; 6. Simbol: unik dan tidak berubah; 7. BIGINT: Integer Besar. Jenis objek termasuk: 1. Objek: Koleksi pasangan nilai utama; 2. Array: Penyimpanan Multi-Nilai; 3. Fungsi: Boleh digunakan sebagai pembolehubah, parameter dan nilai pulangan.

Apakah jenis data yang berbeza dalam JavaScript?

JavaScript, sebagai bahasa pengaturcaraan yang serba boleh dan dinamik, menawarkan permadani jenis data yang kaya dengan pelbagai keperluan pengaturcaraan. Mari kita menyelam ke dunia jenis data JavaScript, meneroka nuansa, kegunaan, dan seni halus bekerja dengan mereka dengan berkesan.

Jenis data JavaScript boleh diklasifikasikan secara meluas kepada dua kategori: primitif dan objek. Mari kita mulakan dengan jenis primitif, yang merupakan blok bangunan struktur data yang lebih kompleks.

Jenis data primitif dalam JavaScript termasuk:

  • Nombor : JavaScript menggunakan format 64-bit ketepatan IEEE 754, yang bermaksud ia boleh mewakili kedua-dua bilangan bulat dan terapung. Ini agak unik berbanding dengan bahasa seperti Java, yang membezakan antara int dan double. Sebagai contoh, anda boleh menulis:
 biarkan integer = 42;
biarkan float = 3.14;
  • String : Strings in JavaScript adalah urutan aksara, yang diwakili oleh sebut harga tunggal atau berganda. Mereka tidak berubah, bermakna sekali dibuat, kandungan rentetan tidak dapat diubah. Inilah perisytiharan rentetan mudah:
 Biarkan ucapan = "Hello, dunia!";
  • Boolean : Jenis ini mempunyai dua nilai yang mungkin, benar atau palsu, dan penting untuk aliran kawalan dalam pengaturcaraan. Contoh cepat:
 Biarkan isjavascriptfun = true;
  • Undefined : Satu jenis yang nilai tunggalnya undefined , biasanya digunakan apabila pemboleh ubah telah diisytiharkan tetapi tidak diberikan nilai. Ia agak seperti pemegang tempat di alam semesta JavaScript:
 Biarkan tidak ditentukan;
console.log (notdefined); // output: Undefined
  • NULL : Mewakili ketiadaan yang disengajakan dari sebarang nilai objek. Ia sering digunakan untuk menandakan bahawa pembolehubah tidak mempunyai nilai. Inilah cara anda menggunakannya:
 Biarkan kosong = null;
  • Simbol : Pengenalan dalam ES6, simbol adalah jenis data yang unik dan tidak berubah yang boleh digunakan sebagai kunci harta benda. Mereka amat berguna untuk mewujudkan sifat peribadi dalam objek:
 biarkan unikId = simbol ('unik');
biarkan obj = {};
obj [unikId] = "Ini adalah rahsia";
  • BIGINT : Juga diperkenalkan pada ES2020, BIGINT digunakan untuk mewakili angka keseluruhan yang lebih besar daripada 2^53 - 1, yang merupakan bilangan terbesar JavaScript boleh diwakili dengan nombor primitif. Inilah tindakan besar:
 Let LarGenumber = 9007199254740991N;

Sekarang, mari kita beralih pandangan kita ke jenis objek, yang lebih kompleks dan boleh mengandungi pelbagai nilai.

  • Objek : Objek adalah koleksi pasangan nilai utama dan merupakan struktur data yang paling asas dalam JavaScript. Mereka boleh digunakan untuk mewakili objek dunia nyata atau sebagai cara untuk mengumpulkan data dan fungsi berkaitan:
 biarkan orang = {
  Nama: "Alice",
  Umur: 30,
  salam: fungsi () {
    console.log (`Hello, nama saya $ {this.name}`);
  }
};
  • Array : Array adalah jenis objek khas yang digunakan untuk menyimpan pelbagai nilai dalam pembolehubah tunggal. Mereka sangat serba boleh dan boleh memegang unsur -unsur pelbagai jenis:
 biarkan buah -buahan = ["epal", "pisang", "ceri"];
  • Fungsi : Dalam JavaScript, fungsi adalah warga kelas pertama, yang bermaksud mereka boleh diberikan kepada pembolehubah, diluluskan sebagai argumen, dan dikembalikan dari fungsi lain. Inilah fungsi mudah:
 fungsi kataHello () {
  Console.log ("Hello!");
}

Memahami jenis data ini adalah kejam, tetapi sihir sebenar berlaku apabila anda mula memanipulasi dan menggabungkannya. Berikut adalah beberapa pandangan dan petua berdasarkan pengalaman saya:

  • Jenis paksaan : JavaScript terkenal dengan paksaan jenisnya, yang boleh membawa kepada hasil yang tidak dijangka jika tidak ditangani dengan teliti. Sebagai contoh, apabila membandingkan pelbagai jenis, JavaScript akan cuba menukarnya kepada jenis yang sama. Berhati -hati dengan ini, terutamanya dalam pernyataan bersyarat:
 jika ("5" == 5) {// ini akan berlaku kerana jenis paksaan
  Console.log ("Jenis paksaan di tempat kerja!");
}
  • Pemeriksaan jenis : Gunakan typeof untuk memeriksa jenis pembolehubah, tetapi ingat ia mempunyai batasan, terutamanya dengan objek dan tatasusunan. Untuk pemeriksaan jenis yang lebih tepat, pertimbangkan untuk menggunakan instanceof atau jenis Perpustakaan Pemeriksaan Moden:
 console.log (typeof "hello"); // output: String
console.log (typeof []); // output: objek (yang boleh mengelirukan)
console.log (array.isArray ([])); // output: benar
  • Ketidakhadiran : Walaupun rentetan dan nombor tidak berubah, objek dan tatasusunan boleh berubah secara lalai. Sekiranya anda perlu memastikan kebolehubahan untuk struktur kompleks, pertimbangkan untuk menggunakan Object.freeze() atau perpustakaan seperti tidak dapat ditetapkan.js:
 Biarkan immutableArray = object.freeze ([1, 2, 3]);
ImmutableArray [0] = 10; // ini tidak akan mengubah array
console.log (immutableArray); // output: [1, 2, 3]
  • Pertimbangan Prestasi : Apabila berurusan dengan dataset yang besar, memilih jenis data yang betul boleh memberi kesan kepada prestasi yang signifikan. Sebagai contoh, menggunakan Set untuk nilai unik boleh lebih cekap daripada array:
 biarkan uniquEvalues ​​= set baru ([1, 2, 3, 3, 4, 5]);
console.log (uniquevalues.size); // output: 5
  • Amalan Terbaik : Sentiasa mengisytiharkan pembolehubah dengan let atau const dan bukannya var untuk mengelakkan masalah dengan skop dan angkat. Gunakan const untuk nilai yang tidak akan ditugaskan semula, dan let bagi mereka yang akan:
 const pi = 3.14; // nilai malar
biarkan Count = 0; // pemboleh ubah yang boleh ditugaskan semula

Dalam perjalanan saya dengan JavaScript, saya telah belajar bahawa pemahaman jenis data sangat meningkatkan keupayaan anda untuk menulis kod yang cekap dan bebas. Setiap jenis mempunyai kebiasaan dan kes penggunaan terbaik, dan menguasai mereka membolehkan anda memanfaatkan fleksibiliti JavaScript untuk potensi sepenuhnya. Sama ada anda berurusan dengan nombor mudah atau objek kompleks, kunci adalah untuk memahami mekanik yang mendasari dan menggunakannya untuk kelebihan anda.

Atas ialah kandungan terperinci Apakah jenis data yang berbeza 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

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

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.

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

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

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)

Topik panas

Tutorial PHP
1544
276
Skop dan konteks JavaScript maju Skop dan konteks JavaScript maju Jul 24, 2025 am 12:42 AM

Skop JavaScript menentukan skop kebolehcapaian pembolehubah, yang dibahagikan kepada skop global, fungsi dan tahap blok; Konteks menentukan arah ini dan bergantung kepada kaedah panggilan fungsi. 1. Skop termasuk skop global (boleh diakses di mana sahaja), skop fungsi (hanya sah dalam fungsi), dan skop peringkat blok (biarkan dan const sah dalam {}). 2. Konteks pelaksanaan mengandungi objek pembolehubah, rantaian skop dan nilai -nilai ini. Ini menunjukkan kepada global atau tidak ditentukan dalam fungsi biasa, kaedah panggilan kaedah ke objek panggilan, pembina menunjuk ke objek baru, dan juga boleh ditentukan secara jelas oleh panggilan/memohon/mengikat. 3. Penutupan merujuk kepada fungsi mengakses dan mengingati pembolehubah skop luaran. Mereka sering digunakan untuk enkapsulasi dan cache, tetapi boleh menyebabkan

Vue 3 Composition API vs Pilihan API: Perbandingan Terperinci Vue 3 Composition API vs Pilihan API: Perbandingan Terperinci Jul 25, 2025 am 03:46 AM

COMPOSISAPI dalam VUE3 lebih sesuai untuk logik dan jenis derivasi yang kompleks, dan OptionsAPI sesuai untuk senario dan pemula yang mudah; 1. Optionsapi menganjurkan kod mengikut pilihan seperti data dan kaedah, dan mempunyai struktur yang jelas tetapi komponen kompleks dipecah -pecah; 2. CompositionAPI menggunakan persediaan untuk menumpukan logik yang berkaitan, yang kondusif untuk penyelenggaraan dan penggunaan semula; 3. Compositionapi menyedari penggunaan semula logik bebas konflik dan parameternya melalui fungsi kompos yang lebih baik daripada Mixin; 4. CompositionAPI mempunyai sokongan yang lebih baik untuk typescript dan derivasi jenis yang lebih tepat; 5. Tidak terdapat perbezaan yang signifikan dalam jumlah prestasi dan pembungkusan kedua -duanya; 6.

Menguasai Corak Konvensyen JavaScript: Pekerja Web vs Java Threads Menguasai Corak Konvensyen JavaScript: Pekerja Web vs Java Threads Jul 25, 2025 am 04:31 AM

Terdapat perbezaan penting antara pekerja web JavaScript dan Javathreads dalam pemprosesan serentak. 1. JavaScript mengamalkan model tunggal-thread. WebWorkers adalah benang bebas yang disediakan oleh penyemak imbas. Ia sesuai untuk melaksanakan tugas-tugas yang memakan masa yang tidak menghalang UI, tetapi tidak dapat mengendalikan DOM; 2. Java menyokong multithreading sebenar dari tahap bahasa, yang dibuat melalui kelas thread, sesuai untuk logik serentak dan pemprosesan sisi serentak; 3. WebWorkers menggunakan postmessage () untuk berkomunikasi dengan benang utama, yang sangat selamat dan terpencil; Benang Java boleh berkongsi ingatan, jadi isu penyegerakan perlu diberi perhatian; 4. Pekerja web lebih sesuai untuk pengkomputeran selari depan, seperti pemprosesan imej, dan

Membina alat CLI dengan node.js Membina alat CLI dengan node.js Jul 24, 2025 am 03:39 AM

Memulakan projek dan buat pakej.json; 2. Buat skrip kemasukan index.js dengan shebang; 3. Daftar perintah melalui medan bin dalam pakej.json; 4. Gunakan Yargs dan perpustakaan lain untuk menghuraikan parameter baris arahan; 5. Gunakan ujian tempatan NPMLink; 6. Tambah bantuan, versi dan pilihan untuk meningkatkan pengalaman; 7. Secara pilihan menerbitkan melalui NPMPublish; 8. Secara pilihan mencapai penyelesaian automatik dengan YARGS; Akhirnya buat alat CLI praktikal melalui struktur yang munasabah dan reka bentuk pengalaman pengguna, tugas automasi lengkap atau mengedarkan widget, dan berakhir dengan ayat lengkap.

Bagaimana untuk membuat dan menambahkan elemen di JS? Bagaimana untuk membuat dan menambahkan elemen di JS? Jul 25, 2025 am 03:56 AM

Gunakan document.createelement () untuk membuat elemen baru; 2. Sesuaikan elemen melalui textContent, classlist, setAttribute dan kaedah lain; 3. Gunakan kaedah tambahan () atau lebih fleksibel () untuk menambah elemen ke DOM; 4. Secara pilihan menggunakan InsertBefore (), sebelum () dan kaedah lain untuk mengawal kedudukan penyisipan; Proses lengkap adalah untuk membuat → Sesuaikan → Tambah, dan anda boleh mengemas kini kandungan halaman secara dinamik.

Jenis Bersyarat Lanjutan dalam TypeScript Jenis Bersyarat Lanjutan dalam TypeScript Aug 04, 2025 am 06:32 AM

Jenis Keadaan Lanjutan TypeScript Melaksanakan penghakiman logik antara jenis melalui Textendsu? X: Y Sintaks. Keupayaan terasnya ditunjukkan dalam jenis keadaan yang diedarkan, kesimpulan jenis kesimpulan dan pembinaan alat jenis kompleks. 1. Jenis bersyarat diedarkan dalam parameter jenis kosong dan secara automatik boleh memecah jenis bersama, seperti toarray untuk mendapatkan rentetan [] | number []. 2. Menggunakan Pengagihan untuk Membina Alat Penapisan dan Pengekstrakan: Tidak termasuk Kecualikan Jenis Melalui Textendsu? Tidak pernah: T, Ekstrak Ekstrak Persamaan melalui Textendsu? 3

Mikro Frontends Architecture: Panduan Pelaksanaan Praktikal Mikro Frontends Architecture: Panduan Pelaksanaan Praktikal Aug 02, 2025 am 08:01 AM

Microfrontendssolvescalingchallengesinlargeteamsbyenablingindependentdevelopmentanddeployment.1) chooseanInintegrationstration: useModulefederationInwebPack5formruntimeLoadingandtrueindectivence, Build-timeIntegrationForseMlesetups, Oriframes/Web

Apakah perbezaan antara var, biarkan, dan const dalam javascript? Apakah perbezaan antara var, biarkan, dan const dalam javascript? Aug 02, 2025 pm 01:30 PM

varisfunction-scoped, canbereassigned, omredwithundefined, andattachedtotheglobalwindowobject; 2.Letandconstareblock-scoped, withletallowingreassignmentandconstnotallowingit, everconstobjectscanhaveMutabeTerSties;

See all articles