Panduan Lengkap Belajar Sintaks Bahasa Pemrograman Javascript : Pendahuluan
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:
- 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
- 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
ataufalse
(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 darinull
.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:
- Menambahkan:
+
- Kurangi:
-
- Banyak:
*
- Membagi:
/
- 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 booleantrue
.
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:
Math.random()
menghasilkan angka acak antara 0 dan 1.- Kami kemudian mengalikan angka itu dengan
50
, jadi sekarang kami memiliki angka antara 0 dan 50. - 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:
- Buat variabel dengan nama deskriptif.
- Simpan atau perbarui informasi yang disimpan dalam variabel.
- 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:
var
, kependekan dari variabel, adalah JavaScript kata kunci yang menciptakan, atau menyatakan, variabel baru.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).=
adalah operator penugasan. Ini memberikan nilai ('Ilham'
) ke variabel (myName
).'Ilham'
adalah nilai ditugaskan (=
) ke variabelmyName
. Anda juga bisa mengatakan itumyName
variabel adalah diinisialisasi dengan nilai'Ilham'
.- 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
danmyname
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 nilaiundefined
. - 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 darimyPet
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, danconst
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.