Panduan Lengkap Belajar Sintaks Bahasa Pemrograman Javascript : Pendahuluan

Ilham Nur Hermawan
14 min readAug 3, 2024

--

Photo by Adeolu Eletu on Unsplash

Apa itu JavaScript?

Tahun lalu, jutaan pelajar dari banyaknya komunitas mulai dengan belajar JavaScript. Mengapa? JavaScript terutama dikenal sebagai bahasa sebagian besar browser web modern, dan kebiasaan awalnya memberinya sedikit reputasi buruk. Namun, bahasa terus berkembang dan meningkat. JavaScript adalah bahasa pemrograman yang kuat, fleksibel, dan cepat yang sekarang digunakan untuk pengembangan web yang semakin kompleks!

Karena JavaScript tetap menjadi inti dari pengembangan web, seringkali bahasa pertama yang dipelajari oleh para pembuat kode otodidak yang ingin belajar dan membangun web. JavaScript mendukung perilaku dinamis di sebagian besar situs web, termasuk yang ini.

Dalam pelajaran ini, Anda akan belajar konsep pengkodean pengantar termasuk tipe data dan objek bawaan — pengetahuan penting untuk semua calon pengembang web. Pembahasan kali ini akan mengatur Anda untuk memahami konsep yang lebih kompleks yang akan Anda temui nanti.

Console

Console adalah panel yang menampilkan pesan-pesan penting, seperti kesalahan, untuk pengembang. Sebagian besar pekerjaan yang dilakukan komputer dengan kode kami tidak terlihat oleh kami secara default. Jika kita ingin melihat sesuatu muncul di layar kita, kita dapat mencetak, atau log, ke konsol kami secara langsung.

Di JavaScript, itu console kata kunci mengacu pada objek, kumpulan data dan tindakan, yang dapat kita gunakan dalam kode kita. Kata kunci adalah kata-kata yang dibangun ke dalam bahasa JavaScript, sehingga komputer mengenalinya dan memperlakukannya secara khusus.

Satu tindakan, atau metode, yang dibangun ke dalam console objek adalah .log() metode. Ketika kita menulis console.log() apa yang kita masukkan ke dalam tanda kurung akan dicetak, atau dicatat, ke konsol.

Akan sangat berguna bagi kita untuk mencetak nilai ke konsol, sehingga kita dapat melihat pekerjaan yang kita lakukan.

console.log(5);

Contoh ini log 5 ke konsol. Titik koma menunjukkan akhir baris, atau pernyataan. Meskipun dalam JavaScript kode Anda biasanya akan berjalan sebagaimana dimaksud tanpa titik koma, kami sarankan mempelajari kebiasaan mengakhiri setiap pernyataan dengan titik koma sehingga Anda tidak pernah meninggalkannya dalam beberapa kasus ketika diperlukan.

Anda akan melihat nanti bahwa kita dapat menggunakannya console.log() untuk mencetak berbagai jenis data.

Comments

Pemrograman seringkali sangat kolaboratif. Selain itu, kode kita sendiri dapat dengan cepat menjadi sulit dipahami ketika kita kembali ke sana — kadang-kadang hanya satu jam kemudian! Karena alasan ini, sering kali berguna untuk meninggalkan catatan dalam kode kami untuk pengembang lain atau diri kami sendiri.

Saat kami menulis JavaScript, kami dapat menulis komentar dalam kode kami yang akan diabaikan komputer saat program kami berjalan. Komentar-komentar ini ada hanya untuk pembaca manusia.

Komentar dapat menjelaskan apa yang dilakukan kode, meninggalkan instruksi untuk pengembang menggunakan kode, atau menambahkan anotasi berguna lainnya.

Ada dua jenis komentar kode dalam JavaScript:

  1. A komentar satu baris akan mengomentari satu baris dan dilambangkan dengan dua garis miring ke depan // sebelum itu.
// Prints 5 to the console
console.log(5);

Anda juga dapat menggunakan komentar satu baris untuk berkomentar setelah satu baris kode:

console.log(5);  // Prints 5
  1. komentar multi-baris akan mengomentari beberapa baris dan dilambangkan dengan /* untuk memulai komentar, dan */ untuk mengakhiri komentar.
/*
This is all commented
console.log(10);
None of this is going to run!
console.log(99);
*/

Anda juga dapat menggunakan sintaks ini untuk mengomentari sesuatu di tengah-tengah baris kode:

console.log(/*IGNORED!*/ 5);  // Still just prints 5

Data Types

Jenis data atau data types adalah klasifikasi yang kami berikan untuk berbagai jenis data yang kami gunakan dalam pemrograman. Di JavaScript, ada delapan tipe data mendasar:

  • Jumlah: Angka apa saja, termasuk angka dengan desimal: 4, 8, 1516, 23.42.
  • BigInt: Jumlah berapa pun, lebih besar dari 253–1 atau kurang dari — (253–1), dengan n ditambahkan ke nomor: 1234567890123456n.
  • Tali: Setiap pengelompokan karakter pada keyboard Anda (huruf, angka, spasi, simbol, dll.) Dikelilingi oleh tanda kutip tunggal: ' ... ' atau kutipan ganda " ... ", meskipun kami lebih suka kutipan tunggal. Beberapa orang suka menganggap string sebagai kata mewah untuk teks.
  • Boolean: Tipe data ini hanya memiliki dua nilai yang mungkin — true atau false (tanpa tanda kutip). Sangat membantu untuk menganggap boolean sebagai sakelar hidup dan mati atau sebagai jawaban atas pertanyaan “ ya ” atau “ no ”.
  • Null: Jenis data ini mewakili tidak adanya nilai yang disengaja, dan diwakili oleh kata kunci null (tanpa tanda kutip).
  • Tidak terdefinisi: Jenis data ini dilambangkan dengan kata kunci undefined (tanpa tanda kutip). Ini juga mewakili tidak adanya nilai meskipun memiliki penggunaan yang berbeda dari null. undefined berarti bahwa nilai yang diberikan tidak ada.
  • Simbol: Fitur yang lebih baru untuk bahasa, simbol adalah pengidentifikasi unik, berguna dalam pengkodean yang lebih kompleks. Tidak perlu khawatir tentang ini untuk saat ini.
  • Objek: Koleksi data terkait.

7 jenis pertama dipertimbangkan tipe data primitif. Mereka adalah tipe data paling dasar dalam bahasa tersebut. Objek lebih kompleks, dan Anda akan belajar lebih banyak tentang mereka saat Anda maju melalui JavaScript. Pada awalnya, delapan jenis mungkin tidak sebanyak itu, tetapi segera Anda akan mengamati dunia terbuka dengan kemungkinan begitu Anda mulai memanfaatkan masing-masing. Saat Anda mempelajari lebih lanjut tentang objek, Anda akan dapat membuat koleksi data yang kompleks.

Tetapi sebelum kita melakukan itu, mari kita merasa nyaman dengan string dan angka!

console.log('Location of Codecademy headquarters: 575 Broadway, New York City');
console.log(40);

Pada contoh di atas, kami pertama kali mencetak string. String kami bukan hanya satu kata; itu termasuk huruf besar dan kecil, spasi, dan tanda baca.

Selanjutnya, kami mencetak angka 40, perhatikan kami tidak menggunakan tanda kutip.

Arithmetic Operators

Aritmatika dasar sering berguna saat pemrograman.

Sebuah operator adalah karakter yang melakukan tugas dalam kode kami. JavaScript memiliki beberapa built-in operator aritmatika, yang memungkinkan kita melakukan perhitungan matematis pada angka. Ini termasuk operator berikut dan simbol yang sesuai:

  1. Menambahkan: +
  2. Kurangi: -
  3. Banyak: *
  4. Membagi: /
  5. Sisa: %

Empat karya pertama bagaimana Anda bisa menebak:

console.log(3 + 4); // Prints 7
console.log(5 - 1); // Prints 4
console.log(4 * 2); // Prints 8
console.log(9 / 3); // Prints 3

Perhatikan bahwa ketika kita console.log() komputer akan mengevaluasi ekspresi di dalam tanda kurung dan mencetak hasilnya ke konsol. Jika kami ingin mencetak karakter 3 + 4, kami akan membungkusnya dengan tanda kutip dan mencetaknya sebagai string.

console.log(11 % 3); // Prints 2
console.log(12 % 3); // Prints 0

Operator sisanya, kadang-kadang disebut modulo, kembalikan nomor yang tersisa setelah nomor kanan membelah menjadi nomor kiri sebanyak yang bisa: 11 % 3 sama dengan 2 karena 3 cocok menjadi 11 tiga kali, meninggalkan 2 sebagai sisanya.

String Concatenation

Operator bukan hanya untuk angka! Ketika a + operator digunakan pada dua string, itu menambahkan string kanan ke string kiri:

console.log('hi' + 'ya'); // Prints 'hiya'
console.log('wo' + 'ah'); // Prints 'woah'
console.log('I love to ' + 'code.')
// Prints 'I love to code.'

Proses menambahkan satu string ke string lain ini disebut gabungan. Perhatikan dalam contoh ketiga kami harus memastikan untuk memasukkan spasi di akhir string pertama. Komputer akan bergabung dengan string dengan tepat, jadi kami perlu memastikan untuk memasukkan ruang yang kami inginkan di antara dua string.

console.log('front ' + 'space'); 
// Prints 'front space'
console.log('back' + ' space');
// Prints 'back space'
console.log('no' + 'space');
// Prints 'nospace'
console.log('middle' + ' ' + 'space');
// Prints 'middle space'

Sama seperti dengan matematika biasa, kita dapat menggabungkan, atau rantai, operasi kita untuk mendapatkan hasil akhir:

console.log('One' + ', ' + 'two' + ', ' + 'three!'); 
// Prints 'One, two, three!'

Properties

Saat Anda memperkenalkan data baru ke dalam program JavaScript, browser menyimpannya sebagai turunan dari tipe data. Semua tipe data memiliki akses ke properti tertentu yang diturunkan ke setiap instance. Misalnya, setiap instance string memiliki properti yang disebut length yang menyimpan jumlah karakter dalam string itu. Anda dapat mengambil informasi properti dengan menambahkan string dengan titik dan nama properti:

console.log('Hello'.length); // Prints 5

Itu . adalah operator lain! Kami menyebutnya operator dot.

Dalam contoh di atas, nilai disimpan ke length properti diambil dari instance string, 'Hello'. Program mencetak 5 ke konsol, karena Hello memiliki lima karakter di dalamnya.

Methods

Metode adalah tindakan yang bisa kita lakukan. Jenis data memiliki akses ke metode spesifik yang memungkinkan kami menangani instance dari tipe data tersebut. JavaScript menyediakan sejumlah metode string.

Kita panggilan, atau gunakan, metode ini dengan menambahkan contoh dengan:

  • suatu periode (operator titik)
  • nama metode
  • membuka dan menutup tanda kurung

Misalnya. 'example string'.methodName().

Apakah sintaksis itu terlihat sedikit familier? Saat kita gunakan console.log() kami memanggil .log() metode pada console objek. Mari kita lihat console.log() dan beberapa metode string nyata dalam aksi!

console.log('hello'.toUpperCase()); // Prints 'HELLO'
console.log('Hey'.startsWith('H')); // Prints true

Mari kita lihat setiap baris di atas:

  • Di baris pertama .toUpperCase() metode dipanggil pada instance string 'hello'. Hasilnya dicatat ke konsol. Metode ini mengembalikan string dalam semua huruf kapital: 'HELLO'.
  • Di baris kedua .startsWith() metode dipanggil pada instance string 'Hey'. Metode ini juga menerima karakter 'H' sebagai input, atau argumen, di antara tanda kurung. Sejak string 'Hey' tidak dimulai dengan surat itu 'H', metode mengembalikan boolean true.

Anda dapat menemukan daftar metode string bawaan di Dokumentasi JavaScript. Pengembang menggunakan dokumentasi sebagai alat referensi. Ini menjelaskan kata kunci, metode, dan sintaksis JavaScript.

Built-in Objects

Selain itu console, ada yang lain benda yang dibangun menjadi JavaScript. Di telepon, Anda akan membangun sendiri benda, tetapi untuk saat ini objek “ built-in ” ini penuh dengan fungsionalitas yang berguna.

Misalnya, jika Anda ingin melakukan operasi matematika yang lebih kompleks daripada aritmatika, JavaScript memiliki bawaan Math objek.

Hal hebat tentang objek adalah mereka memiliki metode! Mari kita panggil .random() metode dari built-in Math objek:

console.log(Math.random()); // Prints a random number between 0 and 1

Dalam contoh di atas, kami memanggil .random() metode dengan menambahkan nama objek dengan operator titik, nama metode, dan membuka dan menutup tanda kurung. Metode ini mengembalikan angka acak antara 0 (inklusif) dan 1 (eksklusif).

Untuk menghasilkan angka acak antara 0 dan 50, kita dapat mengalikan hasil ini dengan 50, seperti:

Math.random() * 50;

Contoh di atas kemungkinan akan mengevaluasi ke desimal. Untuk memastikan jawabannya adalah bilangan bulat, kita dapat memanfaatkan manfaat lain yang bermanfaat Math metode yang dipanggil Math.floor().

Math.floor() mengambil angka desimal, dan membulatkan ke bilangan bulat terdekat. Anda bisa menggunakan Math.floor() untuk membulatkan angka acak seperti ini:

Math.floor(Math.random() * 50);

Dalam hal ini:

  1. Math.random()menghasilkan angka acak antara 0 dan 1.
  2. Kami kemudian mengalikan angka itu dengan 50, jadi sekarang kami memiliki angka antara 0 dan 50.
  3. Kemudian, Math.floor() putaran nomor ke seluruh nomor terdekat.

Jika Anda ingin melihat nomor yang dicetak ke terminal, Anda masih perlu menggunakan a console.log() pernyataan:

console.log(Math.floor(Math.random() * 50)); // Prints a random whole number between 0 and 50

Untuk melihat semua properti dan metode di Math objek, lihat dokumentasi di sini.

Review

Mari kita lihat sekali lagi konsep-konsep yang baru saja kita pelajari:

  • Data dicetak, atau dicatat, ke konsol, panel yang menampilkan pesan, dengan console.log().
  • Kita bisa menulis satu baris komentar dengan // dan komentar multi-line antara /* dan */.
  • Ada 8 fundamental tipe data dalam JavaScript: angka, BigInts, string, boolean, null, tidak terdefinisi, simbol, dan objek.
  • Angka adalah angka apa saja tanpa tanda kutip: 23.8879
  • String adalah karakter yang dibungkus dengan tanda kutip tunggal atau ganda: 'Sample String'
  • Aritmatika bawaan operator termasuk +, -, *, /, dan %.
  • Objek, termasuk instance tipe data, dapat memiliki properti, informasi yang disimpan. Properti dilambangkan dengan a . setelah nama objek, misalnya: 'Hello'.length.
  • Objek, termasuk instance dari tipe data, dapat memiliki metode yang melakukan tindakan. Metode dipanggil dengan menambahkan objek atau instance dengan titik, nama metode, dan tanda kurung. Sebagai contoh: 'hello'.toUpperCase().
  • Kami dapat mengakses properti dan metode dengan menggunakan ., operator titik.
  • Objek bawaan, termasuk Math, adalah kumpulan metode dan properti yang disediakan JavaScript.

Berikut adalah beberapa sumber daya untuk ditambahkan ke perangkat Anda:

Pastikan untuk menandai tautan ini sehingga Anda dapat memilikinya.

Mari lanjut ke pembahasan berikut ini..

Variables

Dalam pemrograman, a variabel adalah wadah untuk suatu nilai. Anda bisa memikirkannya variabel sebagai wadah kecil untuk informasi yang hidup dalam memori komputer. Informasi yang disimpan dalam variabel, seperti nama pengguna, nomor akun, atau bahkan ucapan yang dipersonalisasi kemudian dapat ditemukan di memori.

Variabel juga menyediakan cara memberi label data dengan nama deskriptif, sehingga program kami dapat dipahami dengan lebih jelas oleh pembaca dan diri kami sendiri.

Singkatnya, variabel memberi label dan menyimpan data dalam memori. Hanya ada beberapa hal yang dapat Anda lakukan dengan variabel:

  1. Buat variabel dengan nama deskriptif.
  2. Simpan atau perbarui informasi yang disimpan dalam variabel.
  3. Referensi atau “ dapatkan informasi ” yang disimpan dalam variabel.

Penting untuk membedakan bahwa variabel bukan nilai; mereka mengandung nilai dan mewakili mereka dengan nama. Amati diagram dengan kotak berwarna. Setiap kotak mewakili variabel; nilai-nilai diwakili oleh konten, dan nama diwakili dengan label.

Dalam pelajaran ini, kita akan membahas cara menggunakan var, let, dan const kata kunci untuk membuat variabel.

Create a Variabel: var

Ada banyak perubahan yang diperkenalkan dalam versi ES6 JavaScript pada tahun 2015. Salah satu perubahan terbesar adalah dua kata kunci baru, let dan const, untuk membuat, atau menyatakan, variabel. Sebelum ES6, programmer hanya bisa menggunakan var kata kunci untuk mendeklarasikan variabel.

var myName = 'Ilham';
console.log(myName);
// Output: Ilham

Mari kita pertimbangkan contoh di atas:

  1. var, kependekan dari variabel, adalah JavaScript kata kunci yang menciptakan, atau menyatakan, variabel baru.
  2. myName adalah nama variabel. Memanfaatkan cara ini adalah konvensi standar dalam JavaScript yang disebut casing unta. Dalam camel casing Anda mengelompokkan kata menjadi satu, kata pertama adalah huruf kecil, maka setiap kata yang mengikuti akan memiliki huruf pertama yang di-uppercased. (mis. camelCaseEverything).
  3. = adalah operator penugasan. Ini memberikan nilai ('Ilham') ke variabel (myName).
  4. 'Ilham' adalah nilai ditugaskan (=) ke variabel myName. Anda juga bisa mengatakan itu myName variabel adalah diinisialisasi dengan nilai 'Ilham'.
  5. Setelah variabel dideklarasikan, nilai string 'Ilham' dicetak ke konsol dengan merujuk nama variabel: console.log(myName).

Ada beberapa aturan umum untuk penamaan variabel:

  • Nama variabel tidak dapat dimulai dengan angka.
  • Nama variabel peka huruf besar-kecil, jadi myName dan myname akan menjadi variabel yang berbeda. Ini adalah praktik buruk untuk membuat dua variabel yang memiliki nama yang sama menggunakan kasus yang berbeda.
  • Nama variabel tidak bisa sama dengan kata kunci. Untuk daftar kata kunci yang komprehensif, periksa Dokumentasi kata kunci MDN.

Dalam latihan selanjutnya, kita akan belajar mengapa ES6 ’ s let dan const adalah kata kunci variabel yang disukai oleh banyak programmer. Karena masih ada banyak kode yang ditulis sebelum ES6, akan sangat membantu untuk mengenal pra-ES6 var kata kunci.

Jika Anda ingin mempelajari lebih lanjut var dan kebiasaan yang terkait dengannya, lihat Dokumentasi MDN var.

Create a Variable: let

Seperti disebutkan dalam latihan sebelumnya let kata kunci diperkenalkan di ES6. Itu let kata kunci memberi sinyal bahwa variabel dapat dipindahkan dengan nilai yang berbeda. Lihatlah contohnya:

let meal = 'Sate';
console.log(meal); // Output: Sate
meal = 'Ketoprak';
console.log(meal); // Output: Ketoprak

Konsep lain yang harus kita waspadai saat menggunakan let (dan bahkan var) adalah bahwa kita dapat mendeklarasikan variabel tanpa menetapkan nilai variabel. Dalam kasus seperti itu, variabel akan diinisialisasi secara otomatis dengan nilai undefined:

let price;
console.log(price); // Output: undefined
price = 350;
console.log(price); // Output: 350

Perhatikan dalam contoh di atas:

  • Jika kami tidak menetapkan nilai ke variabel yang dideklarasikan menggunakan let kata kunci, secara otomatis memiliki nilai undefined.
  • Kami dapat menetapkan kembali nilai variabel.

Create a Variable: const

Itu const kata kunci juga diperkenalkan di ES6, dan pendek untuk kata konstan. Sama seperti dengan var dan let Anda dapat menyimpan nilai apa pun dalam a const variabel. Cara Anda mendeklarasikan a const variabel dan tetapkan nilai untuk itu mengikuti struktur yang sama dengan let dan var. Lihatlah contoh berikut:

const myName = 'Gilberto';
console.log(myName); // Output: Gilberto

Namun, a const variabel tidak dapat dipindahkan karena memang demikian konstan. Jika Anda mencoba menugaskan kembali a const variabel, Anda akan mendapatkan TypeError.

Konstan variabel harus diberi nilai saat dideklarasikan. Jika Anda mencoba mendeklarasikan a const variabel tanpa nilai, Anda akan mendapatkan SyntaxError.

Jika Anda mencoba memutuskan antara kata kunci mana yang akan digunakan, let atau const, pikirkan apakah Anda perlu menetapkan ulang variabel nanti. Jika Anda perlu menetapkan ulang penggunaan variabel let, jika tidak, gunakan const.

Mathematical Assignment Operators

Mari kita pertimbangkan bagaimana kita bisa menggunakan variabel dan matematika operator untuk menghitung nilai baru dan menetapkannya ke variabel. Lihat contoh di bawah ini:

let w = 4;
w = w + 1;

console.log(w); // Output: 5

Dalam contoh di atas, kami membuat variabel w dengan nomor 4 ditugaskan untuk itu. Baris berikut, w = w + 1, meningkatkan nilai w dari 4 untuk 5.

Cara lain kita bisa ditugaskan kembali w setelah melakukan beberapa operasi matematika di atasnya adalah menggunakan bawaan operator penugasan matematika. Kita dapat menulis ulang kode di atas menjadi:

let w = 4;
w += 1;

console.log(w); // Output: 5

Dalam contoh kedua, kami menggunakan += operator penugasan untuk menugaskan kembali w. Kami sedang melakukan operasi matematika dari operator pertama + menggunakan nomor di sebelah kanan, lalu menugaskan kembali w ke nilai yang dihitung.

Kami juga memiliki akses ke operator penugasan matematika lainnya: -=, *=, dan /= yang bekerja dengan cara yang sama.

let x = 20;
x -= 5; // Can be written as x = x - 5
console.log(x); // Output: 15

let y = 50;
y *= 2; // Can be written as y = y * 2
console.log(y); // Output: 100

let z = 8;
z /= 2; // Can be written as z = z / 2
console.log(z); // Output: 4

Mari kita berlatih menggunakan operator penugasan matematika ini!

The Increment and Decrement Operator

Tugas matematika lainnya operator termasuk operator kenaikan (++) dan operator pengurangan (--).

Operator kenaikan akan meningkatkan nilai variabel sebesar 1. Operator penurunan akan mengurangi nilai variabel sebesar 1. Sebagai contoh:

let a = 10;
a++;
console.log(a); // Output: 11
let b = 20;
b--;
console.log(b); // Output: 19

Sama seperti operator penugasan matematika sebelumnya (+=, -=, *=, /=), nilai variabel diperbarui dan ditugaskan sebagai nilai baru dari variabel itu.

String Concatenation with Variables

Dalam latihan sebelumnya, kami ditugaskan string untuk variabel. Sekarang, mari kita bahas cara menghubungkan, atau menggabungkan, string dalam variabel.

Itu + operator dapat digunakan untuk menggabungkan dua nilai string bahkan jika nilai-nilai tersebut disimpan dalam variabel:

let myPet = 'cat';
console.log('I own a pet ' + myPet + '.');
// Output: 'I own a pet cat.'

Dalam contoh di atas, kami menetapkan nilai 'cat' ke myPet variabel. Di baris kedua + operator digunakan untuk menggabungkan tiga string: 'I own a pet', nilai yang disimpan untuk myPet, dan '.'. Kami mencatat hasil gabungan ini ke konsol sebagai:

I own a pet cat.

String Interpolation

Dalam versi ES6 JavaScript, kita dapat memasukkan, atau interpolasi, variabel menjadi string menggunakan templat literal. Lihat contoh berikut di mana templat literal digunakan untuk mencatat string bersama:

const myPet = 'cat';
console.log(`I own a pet ${myPet}.`);
// Output: I own a pet cat.

Perhatikan bahwa:

  • templat literal dibungkus dengan backticks ` (kunci ini biasanya terletak di bagian atas keyboard Anda, di sebelah kiri 1 kunci).
  • Di dalam template literal, Anda akan melihat placeholder, ${myPet}. Nilai dari myPet dimasukkan ke dalam templat literal.
  • Ketika kita menginterpolasi `I own a pet ${myPet}.`, output yang kami cetak adalah string: 'I own a pet cat.'

Salah satu manfaat terbesar untuk menggunakan template literal adalah keterbacaan kode. Menggunakan template literal, Anda dapat dengan lebih mudah mengetahui seperti apa string baru itu. Anda juga tidak perlu khawatir tentang lolos dari tanda kutip ganda atau tanda kutip tunggal.

Typeof Operator

Saat menulis kode, akan berguna untuk melacak tipe data dari variabel dalam program Anda. Jika Anda perlu memeriksa tipe data dari nilai variabel, Anda dapat menggunakan typeof operator.

Itu typeof operator memeriksa nilai di sebelah kanannya dan kembali, atau meneruskan kembali, serangkaian tipe data.

const unknown1 = 'foo';
console.log(typeof unknown1); // Output: string

const unknown2 = 10;
console.log(typeof unknown2); // Output: number

const unknown3 = true;
console.log(typeof unknown3); // Output: boolean

Mari kita uraikan contoh pertama. Sejak nilai unknown1 adalah 'foo', sebuah string, typeof unknown1 akan kembali 'string'.

Review Variables

Kerja bagus! Pelajaran ini memperkenalkan Anda pada variabel, konsep kuat yang akan Anda gunakan dalam semua upaya pemrograman Anda di masa depan.

Mari tinjau apa yang kami pelajari:

  • Variabel menyimpan data yang dapat digunakan kembali dalam suatu program dan mengaitkannya dengan nama.
  • Variabel disimpan dalam memori.
  • Itu var kata kunci digunakan dalam versi JS pra-ES6.
  • let adalah cara yang lebih disukai untuk mendeklarasikan variabel ketika dapat dipindahkan, dan const adalah cara yang lebih disukai untuk mendeklarasikan variabel dengan nilai konstan.
  • Variabel yang belum diinisialisasi menyimpan tipe data primitif undefined.
  • Operator penugasan matematika membuatnya mudah untuk menghitung nilai baru dan menetapkannya ke variabel yang sama.
  • Itu + operator digunakan untuk menggabungkan string termasuk nilai string yang disimpan dalam variabel.
  • Di ES6, template literal menggunakan backticks ` dan ${} untuk menginterpolasi nilai menjadi string.
  • Itu typeof kata kunci mengembalikan tipe data (sebagai string) dari suatu nilai.

--

--

Ilham Nur Hermawan

Information Technology, Game Development, and Blockchain Development