Sementara fungsi dari HTML dan CSS adalah mengontrol konten dan gaya halaman, adapun JavaScript digunakan untuk membuatnya interaktif. Dalam Algoritma JavaScript dan Sertifikasi Struktur Data, Anda akan mempelajari dasar-dasar JavaScript termasuk variabel, array, objek, loop, dan fungsi.
Setelah Anda menguasai dasar-dasarnya, Anda akan menerapkan pengetahuan itu dengan membuat algoritme untuk memanipulasi string, memfaktorkan angka, dan bahkan menghitung orbit Stasiun Luar Angkasa Internasional.
Sepanjang jalan, Anda juga akan mempelajari dua gaya atau paradigma pemrograman penting: Pemrograman Berorientasi Objek (OOP) dan Pemrograman Fungsional (FP).
JavaScript adalah bahasa skrip yang dapat Anda gunakan untuk membuat halaman web menjadi interaktif. Ini adalah salah satu teknologi inti web, bersama dengan HTML dan CSS, dan didukung oleh semua browser modern.
Dalam kursus ini, Anda akan mempelajari konsep dasar pemrograman dalam JavaScript. Anda akan mulai dengan struktur data dasar seperti angka dan string. Kemudian Anda akan belajar bekerja dengan array, objek, fungsi, loop, pernyataan if/else, dan banyak lagi.
Mulai dari belajar membuat komentar di Java Script ( step 1)
Komentar adalah baris kode yang sengaja diabaikan oleh JavaScript. Komentar adalah cara yang bagus untuk meninggalkan catatan untuk diri sendiri dan orang lain yang nantinya perlu mencari tahu apa fungsi kode itu.
Ada dua cara untuk menulis komentar dalam JavaScript:
Menggunakan // akan memberi tahu JavaScript untuk mengabaikan sisa teks pada baris saat ini. Ini adalah komentar dalam baris:
// ini adalah contoh komentar baris.
Anda dapat membuat komentar multi-baris yang dimulai dengan /* dan diakhiri dengan */. Ini adalah komentar multi-baris:
/* ini adalah komentar Multi-baris */
CATATAN: Saat Anda menulis kode, Anda harus menambahkan komentar secara teratur untuk memperjelas fungsi bagian-bagian kode Anda. Komentar yang baik dapat membantu mengomunikasikan maksud kode Anda—baik untuk orang lain maupun untuk diri Anda di masa depan.
Coba buat satu dari setiap jenis komentar.
Deklarasikan Variabel JavaScript(2)
Dalam ilmu komputer, data adalah segala sesuatu yang berarti bagi komputer. JavaScript menyediakan delapan tipe data berbeda yaitu undefined, null, boolean, string, symbol, bigint, number, dan object.
Misalnya, komputer membedakan angka, seperti angka 12, dan string, seperti "12", "anjing", atau "123 kucing", yang merupakan kumpulan karakter. Komputer dapat melakukan operasi matematika pada angka, tetapi tidak pada string.
Variabel memungkinkan komputer untuk menyimpan dan memanipulasi data secara dinamis. Mereka melakukannya dengan menggunakan "label" untuk menunjuk ke data daripada menggunakan data itu sendiri. Salah satu dari delapan tipe data dapat disimpan dalam variabel.
Variabel mirip dengan variabel x dan y yang Anda gunakan dalam matematika, yang berarti mereka adalah nama sederhana untuk mewakili data yang ingin kita rujuk. Variabel komputer berbeda dari variabel matematika karena mereka dapat menyimpan nilai yang berbeda pada waktu yang berbeda.
var nama kami;
membuat variabel yang disebut nama kita. Dalam JavaScript kami mengakhiri pernyataan dengan titik koma. Nama variabel dapat terdiri dari angka, huruf, dan $ atau _, tetapi tidak boleh mengandung spasi atau dimulai dengan angka.
Gunakan kata kunci var untuk membuat variabel bernama myName.
Petunjuk
Lihatlah contoh ourName di atas jika Anda mengalami kebuntuan.
Dalam JavaScript, Anda dapat menyimpan nilai dalam variabel dengan operator penugasan (=).
myVariable = 5;
Ini memberikan nilai Number 5 ke myVariable.
Jika ada perhitungan di sebelah kanan operator =, itu dilakukan sebelum nilai diberikan ke variabel di sebelah kiri operator.
var myVar;
myVar = 5;
Pertama, kode ini membuat variabel bernama myVar. Kemudian, kode menetapkan 5 ke myVar. Sekarang, jika myVar muncul lagi di kode, program akan memperlakukannya seolah-olah 5.
Anda tidak boleh mengubah kode di atas komentar yang ditentukan.
Menunggu: a harus memiliki nilai 7.
Setelah nilai ditetapkan ke variabel menggunakan operator penugasan, Anda dapat menetapkan nilai variabel tersebut ke variabel lain menggunakan operator penugasan.
var myVar;
myVar = 5;
var myNum;
myNum = myVar;
Di atas mendeklarasikan variabel myVar tanpa nilai, lalu memberinya nilai 5. Selanjutnya, variabel bernama myNum dideklarasikan tanpa nilai. Kemudian, isi myVar (yaitu 5) ditugaskan ke variabel myNum. Sekarang, myNum juga memiliki nilai 5.
Tetapkan konten a ke variabel b.
Anda tidak boleh mengubah kode di atas komentar yang ditentukan.
Menunggu: b harus memiliki nilai 7.
Menunggu: a harus ditugaskan ke b dengan =.
Ini umum untuk menginisialisasi variabel ke nilai awal di baris yang sama seperti yang dideklarasikan.
var myVar = 0;
Membuat variabel baru bernama myVar dan memberinya nilai awal 0.
Tentukan variabel a dengan var dan inisialisasi ke nilai 9.
Anda harus menginisialisasi a ke nilai 9.
Sebelumnya Anda menggunakan kode berikut untuk mendeklarasikan variabel:
var myName;
Tapi Anda juga bisa mendeklarasikan variabel string seperti ini:
var myName = "your name";
"nama Anda" disebut string literal. String literal, atau string, adalah rangkaian nol atau lebih karakter yang diapit dengan tanda kutip tunggal atau ganda.
Buat dua variabel string baru: myFirstName dan myLastName dan beri mereka nilai nama depan dan belakang Anda masing-masing.
myFirstName harus berupa string dengan setidaknya satu karakter di dalamnya.
myLastName harus berupa string dengan setidaknya satu karakter di dalamnya
Ketika variabel JavaScript dideklarasikan, mereka memiliki nilai awal yang tidak terdefinisi. Jika Anda melakukan operasi matematika pada variabel yang tidak terdefinisi, hasilnya adalah NaN yang berarti "Bukan Angka". Jika Anda menggabungkan string dengan variabel yang tidak terdefinisi, Anda akan mendapatkan string yang tidak terdefinisi.
Inisialisasi ketiga variabel a, b, dan c dengan masing-masing 5, 10, dan "I am a" agar tidak terdefinisi.
a harus didefinisikan dan memiliki nilai akhir 6.
b harus ditentukan dan memiliki nilai akhir 15.
c tidak boleh mengandung undefined dan harus memiliki nilai akhir dari string I am a String!
Anda tidak boleh mengubah kode di bawah komentar yang ditentukan.
Dalam JavaScript semua variabel dan nama fungsi peka huruf besar-kecil. Ini berarti bahwa kapitalisasi itu penting.
MYVAR tidak sama dengan MyVar atau myvar. Dimungkinkan untuk memiliki beberapa variabel berbeda dengan nama yang sama tetapi casing berbeda. Sangat disarankan agar demi kejelasan, Anda tidak menggunakan fitur bahasa ini.
Praktek terbaik
Tulis nama variabel dalam JavaScript di camelCase. Di camelCase, nama variabel multi-kata memiliki kata pertama dalam huruf kecil dan huruf pertama dari setiap kata berikutnya dikapitalisasi.
Contoh:
Jangan membuat variabel baru.
studlyCapVar harus didefinisikan dan memiliki nilai 10.
properCamelCase harus didefinisikan dan memiliki nilai string A String.
titleCaseOver harus ditentukan dan memiliki nilai 9000.
studlyCapVar harus menggunakan camelCase di bagian deklarasi dan penugasan.
properCamelCase harus menggunakan camelCase di bagian deklarasi dan penugasan.
titleCaseOver harus menggunakan camelCase di bagian deklarasi dan penugasan.
Jelajahi Perbedaan Antara var dan Kata Kunci let (9)
Salah satu masalah terbesar dalam mendeklarasikan variabel dengan kata kunci var adalah Anda dapat dengan mudah menimpa deklarasi variabel:
var camper = "James";
var camper = "David";
console.log(camper);
Pada kode di atas, variabel camper awalnya dideklarasikan sebagai James, dan kemudian diganti menjadi David. Konsol kemudian menampilkan string David.
Dalam aplikasi kecil, Anda mungkin tidak mengalami masalah seperti ini. Namun saat basis kode Anda menjadi lebih besar, Anda mungkin secara tidak sengaja menimpa variabel yang tidak Anda inginkan. Karena perilaku ini tidak menimbulkan kesalahan, pencarian dan perbaikan bug menjadi lebih sulit.
Jika Anda mengganti var dengan kode di atas, itu menghasilkan kesalahan:
let camper = "James";
let camper = "David";
Kesalahan dapat dilihat di konsol browser Anda.
Jadi tidak seperti var, saat Anda menggunakan let, variabel dengan nama yang sama hanya dapat dideklarasikan satu kali.
var seharusnya tidak ada dalam kode.
catName harus menjadi string Oliver.
catSound harus menjadi string Meong!
Kata kunci let bukan satu-satunya cara baru untuk mendeklarasikan variabel. Di ES6, Anda juga bisa mendeklarasikan variabel menggunakan kata kunci cons.
const memiliki semua fitur luar biasa yang dimiliki, dengan bonus tambahan bahwa variabel yang dideklarasikan menggunakan const bersifat hanya-baca. Mereka adalah nilai konstanta, yang berarti bahwa sekali variabel ditugaskan dengan const, itu tidak dapat dipindahkan:
const FAV_PET = "Kucing";
FAV_PET = "Anjing";
Konsol akan menampilkan kesalahan karena menugaskan ulang nilai FAV_PET.
Anda harus selalu memberi nama variabel yang tidak ingin Anda tetapkan ulang menggunakan kata kunci const. Ini membantu ketika Anda secara tidak sengaja mencoba menetapkan kembali variabel yang dimaksudkan untuk tetap konstan.
Ubah kode agar semua variabel dideklarasikan menggunakan let atau const. Gunakan let saat Anda ingin variabel berubah, dan const saat Anda ingin variabel tetap konstan. Juga, ganti nama variabel yang dideklarasikan dengan const agar sesuai dengan praktik umum. Jangan ubah string yang ditetapkan ke variabel.
Anda harus mengubah fCC menjadi huruf besar semua.
FCC harus berupa variabel konstanta yang dideklarasikan dengan const.
String yang ditetapkan ke FCC tidak boleh diubah.
fakta harus dideklarasikan dengan let.
console.log harus diubah untuk mencetak FCC dan variabel fakta.
Tambahkan Dua Angka dengan JavaScript(11)
Angka adalah tipe data dalam JavaScript yang mewakili data numerik.
Sekarang mari kita coba menambahkan dua angka menggunakan JavaScript.
JavaScript menggunakan simbol + sebagai operator penjumlahan saat ditempatkan di antara dua angka.
Contoh:
const myVar = 5 + 10;
myVar sekarang memiliki nilai 15.
Ubah 0 sehingga jumlahnya sama dengan 20.
Anda harus menggunakan + operator.
Kami juga dapat mengurangi satu nomor dari yang lain.
JavaScript menggunakan simbol - untuk pengurangan.
Contoh:
const myVar = 12 - 6;
myVar akan memiliki nilai 6.
Ubah 0 jadi selisihnya 12.
Perbedaan variabel harus sama dengan 12.
Anda hanya boleh mengurangi satu angka dari 45.
Kita juga bisa mengalikan satu angka dengan angka lainnya.
JavaScript menggunakan simbol * untuk perkalian dua angka.
Contoh:
const myVar = 13 * 13;
myVar akan memiliki nilai 169.
Ubah 0 sehingga hasilnya sama dengan 80.
Produk variabel harus sama dengan 80.
Anda harus menggunakan operator *.
Kita juga bisa membagi satu angka dengan angka lainnya.
JavaScript menggunakan simbol / untuk pembagian.
Contoh:
const myVar = 16/2;
myVar sekarang memiliki nilai 8.
Ubah 0 sehingga hasil bagi sama dengan 2.
Hasil bagi variabel harus sama dengan 2.
Anda harus menggunakan / operator.
Menaikkan Angka dengan JavaScript(15)
Anda dapat dengan mudah menambah atau menambahkan satu ke variabel dengan operator ++.
i++;
adalah setara dengan i = i + 1;
Catatan: Seluruh baris menjadi i++;, menghilangkan kebutuhan akan tanda sama dengan.
Ubah kode untuk menggunakan operator ++ di myVar.
Anda sebaiknya tidak menggunakan operator penugasan.
Anda harus menggunakan operator ++.
Anda tidak boleh mengubah kode di atas komentar yang ditentukan.
Anda dapat dengan mudah pengurangan atau mengurangi variabel satu per satu dengan operator --.
i--;
adalah setara dengan
i = i - 1;
Catatan: Seluruh baris menjadi i--;, menghilangkan kebutuhan akan tanda sama dengan.
Ubah kode untuk menggunakan -- operator di myVar.
myVar harus sama dengan 10.
myVar = myVar - 1; harus diubah.
Anda seharusnya tidak menetapkan myVar dengan 10.
Anda harus menggunakan -- operator di myVar.
Anda tidak boleh mengubah kode di atas komentar yang ditentukan.
Kita juga dapat menyimpan angka desimal dalam variabel. Bilangan desimal terkadang disebut sebagai bilangan floating point atau float.
Catatan: saat Anda menghitung angka, angka tersebut dihitung dengan presisi terbatas. Operasi menggunakan floating point dapat menyebabkan hasil yang berbeda dari hasil yang diinginkan. Jika Anda mendapatkan salah satu dari hasil ini, buka topik di forum freeCodeCamp.
Buat variabel myDecimal dan berikan nilai desimal dengan bagian pecahan (mis. 5.7).
myDecimal harus berupa angka.
myDecimal harus memiliki titik desimal.
Dalam JavaScript, Anda juga dapat melakukan perhitungan dengan angka desimal, seperti halnya bilangan bulat.
Mari kalikan dua desimal untuk mendapatkan produknya.
Ubah 0.0 sehingga produk akan sama dengan 5.0.
Produk variabel harus sama dengan 5.0.
Anda harus menggunakan operator *
Sekarang mari kita membagi satu desimal dengan desimal lainnya.
Ubah 0.0 sehingga hasil bagi sama dengan 2.2.
Hasil bagi variabel harus sama dengan 2.2
Anda harus menggunakan operator / untuk membagi 4.4 dengan 2
Variabel hasil bagi hanya boleh diberikan satu kali.
Menemukan Sisa dalam JavaScript (20)
Sisa operator % memberikan sisa pembagian dua angka.
Contoh:
5% 2 = 1
5/2 = 2 sisa 1
2 * 2 = 4
5 - 4 = 1
Penggunaan
Dalam matematika, suatu bilangan dapat diperiksa genap atau ganjilnya dengan memeriksa sisa pembagian bilangan tersebut dengan 2. Bilangan genap bersisa 0, sedangkan bilangan ganjil bersisa 1.
17% 2 = 1
48% 2 = 0
Operator sisa terkadang salah disebut sebagai operator modulus.
Ini sangat mirip dengan modulus, tetapi tidak berfungsi dengan baik dengan bilangan negatif.
Tetapkan sisa sama dengan sisa 11 dibagi 3 menggunakan operator sisa (%).
Sisa variabel harus diinisialisasi.
Nilai sisa harus 2.
Anda harus menggunakan operator %.
Dalam pemrograman, biasanya menggunakan tugas untuk mengubah isi variabel. Ingatlah bahwa segala sesuatu di sebelah kanan tanda sama dengan dievaluasi terlebih dahulu, sehingga kita dapat mengatakan:
myVar = myVar + 5;
untuk menambahkan 5 ke myVar. Karena ini adalah pola umum, ada operator yang melakukan operasi matematika dan penugasan dalam satu langkah.
Salah satu operator tersebut adalah operator +=.
biarkan myVar = 1;
myVar += 5;
console.log(myVar);
6 akan ditampilkan di konsol.
Konversikan tugas untuk a, b, dan c untuk menggunakan operator +=.
a harus sama dengan 15.
b harus sama dengan 26.
c harus sama dengan 19.
Anda harus menggunakan operator += untuk setiap variabel.
Anda tidak boleh mengubah kode di atas komentar yang ditentukan.
Seperti operator +=, -= mengurangi angka dari variabel.
myVar = myVar - 5;
akan mengurangi 5 dari myVar.
Ini dapat ditulis ulang sebagai:
myVar -= 5;
Konversi tugas untuk a, b, dan c untuk menggunakan operator -=.
a harus sama dengan 5.
b harus sama dengan -6.
c harus sama dengan 2.
Anda harus menggunakan operator -= untuk setiap variabel.
Anda tidak boleh mengubah kode di atas komentar yang ditentukan.
Operator *= mengalikan variabel dengan angka.
myVar = myVar * 5;
akan mengalikan myVar dengan 5. Ini dapat ditulis ulang sebagai:
myVar *= 5;
Konversikan tugas untuk a, b, dan c untuk menggunakan operator *=.
a harus sama dengan 25.
b harus sama dengan 36.
c harus sama dengan 46.
Anda harus menggunakan operator *= untuk setiap variabel.
Anda tidak boleh mengubah kode di atas komentar yang ditentukan.
Operator /= membagi variabel dengan angka lain.
myVar = myVar / 5;
Akan membagi myVar dengan 5. Ini dapat ditulis ulang sebagai:
myVar /= 5;
Konversi tugas untuk a, b, dan c untuk menggunakan operator /=.
a harus sama dengan 4.
b harus sama dengan 27.
c harus sama dengan 3.
Anda harus menggunakan operator /= untuk setiap variabel.
Anda tidak boleh mengubah kode di atas komentar yang ditentukan.
Membebaskann Diri dari Kutipan Literal dalam String (25)
Saat Anda mendefinisikan string, Anda harus memulai dan mengakhiri dengan tanda kutip tunggal atau ganda. Apa yang terjadi jika Anda membutuhkan kutipan literal: " atau ' di dalam string Anda?
Dalam JavaScript, Anda dapat menghindari kutipan agar tidak menganggapnya sebagai kutipan string akhir dengan menempatkan garis miring terbalik (\) di depan kutipan.
const sampleStr = "Kata Alan, \"Peter sedang belajar JavaScript\".";
Ini memberi sinyal ke JavaScript bahwa kutipan berikut bukanlah akhir dari string, tetapi seharusnya muncul di dalam string. Jadi jika Anda mencetak ini ke konsol, Anda akan mendapatkan:
Alan berkata, "Peter sedang mempelajari JavaScript".
Gunakan garis miring terbalik untuk menetapkan string ke variabel myStr sehingga jika Anda mencetaknya ke konsol, Anda akan melihat:
Saya adalah string "kutipan ganda" di dalam "tanda kutip ganda".
Mengutip String dengan Kutipan Tunggal (26)
Nilai string dalam JavaScript dapat ditulis dengan tanda kutip tunggal atau ganda, selama Anda memulai dan mengakhiri dengan jenis tanda kutip yang sama. Tidak seperti beberapa bahasa pemrograman lainnya, tanda kutip tunggal dan ganda berfungsi sama dalam JavaScript.
const doubleQuoteStr = "Ini adalah string";
const singleQuoteStr = 'Ini juga sebuah string';
Alasan mengapa Anda mungkin ingin menggunakan satu jenis kutipan di atas yang lain adalah jika Anda ingin menggunakan keduanya dalam sebuah string. Ini mungkin terjadi jika Anda ingin menyimpan percakapan dalam sebuah string dan membuat percakapan dalam tanda kutip. Kegunaan lain untuk itu adalah menyimpan tag <a> dengan berbagai atribut dalam tanda kutip, semuanya dalam sebuah string.
const conversation = 'Finn berseru kepada Jake, "Aljabar!"';
Namun, ini menjadi masalah jika Anda perlu menggunakan tanda kutip terluar di dalamnya. Ingat, sebuah string memiliki jenis kutipan yang sama di awal dan akhir. Tetapi jika Anda memiliki kutipan yang sama di suatu tempat di tengah, string akan berhenti lebih awal dan menimbulkan kesalahan.
const goodStr = 'Jake bertanya pada Finn, "Hei, ayo kita berpetualang?"';
const badStr = 'Finn menjawab, "Ayo berangkat!"';
Di sini badStr akan membuat kesalahan.
Di goodStr di atas, Anda dapat menggunakan kedua tanda kutip dengan aman menggunakan garis miring terbalik \ sebagai karakter pelarian.
Catatan: Garis miring terbalik \ tidak sama dengan garis miring /. Mereka tidak melakukan hal yang sama.
Ubah string yang disediakan menjadi string dengan tanda kutip tunggal di awal dan akhir dan tanpa karakter escape.
Saat ini, tag <a> dalam string menggunakan tanda kutip ganda di mana-mana. Anda perlu mengubah tanda kutip luar menjadi tanda kutip tunggal sehingga Anda dapat menghapus karakter escape.
Anda harus menghapus semua garis miring terbalik (\).
Anda harus memiliki dua tanda kutip tunggal ' dan empat tanda kutip ganda ".
Kutipan bukan satu-satunya karakter yang dapat di-escape di dalam string. Urutan melarikan diri memungkinkan Anda menggunakan karakter yang mungkin tidak dapat Anda gunakan dalam string.
Tetapkan tiga baris teks berikut ke dalam variabel tunggal myStr menggunakan escape sequence.
Baris pertama
\Baris kedua
Baris Ketiga
Anda harus menggunakan escape sequence untuk memasukkan karakter khusus dengan benar. Anda juga harus mengikuti spasi seperti yang terlihat di atas, tanpa spasi di antara escape sequence atau kata-kata.
Catatan: Lekukan(identasi) untuk SecondLine dicapai dengan karakter tab escape, bukan spasi.
myStr tidak boleh mengandung spasi
myStr harus berisi string FirstLine, SecondLine, dan ThirdLine (ingat sensitivitas huruf besar-kecil)
FirstLine harus diikuti oleh karakter baris baru \n
myStr harus berisi karakter tab \t yang mengikuti karakter baris baru
SecondLine harus diawali dengan karakter backslash \
Harus ada karakter baris baru antara SecondLine dan ThirdLine
myStr hanya boleh berisi karakter yang ditunjukkan dalam instruksi.
Dalam JavaScript, ketika + operator digunakan dengan nilai String, itu disebut operator gabungan. Anda dapat membuat string baru dari string lain dengan menggabungkannya.
Contoh
'Nama saya Alan,' + 'Saya gabung.'
Catatan: Hati-hati dengan spasi. Penggabungan tidak menambahkan spasi di antara string yang digabungkan, jadi Anda harus menambahkannya sendiri.
Contoh:
const ourStr = "Saya datang pertama." + "Saya datang kedua.";
String saya datang pertama. Saya datang kedua. akan ditampilkan di konsol.
Bangun myStr dari string Ini adalah awalnya. dan Inilah akhirnya. menggunakan operator +. Pastikan untuk menyertakan spasi di antara kedua string.
myStr harus memiliki nilai string Ini adalah awalnya. Inilah akhirnya.
Anda harus menggunakan + operator untuk membangun myStr.
myStr harus dibuat menggunakan kata kunci const.
Anda harus menetapkan hasilnya ke variabel myStr.
Menggabungkan String dengan Operator Plus Equals (29)
Kita juga dapat menggunakan operator += untuk menggabungkan string ke akhir variabel string yang ada. Ini bisa sangat membantu untuk memutuskan string panjang di beberapa baris.
Catatan: Hati-hati dengan spasi. Penggabungan tidak menambahkan spasi di antara string yang digabungkan, jadi Anda harus menambahkannya sendiri.
Contoh:
let ourStr = "Saya duluan.";
ourStr += "Saya datang kedua.";
ourStr sekarang memiliki nilai string I come first. aku datang kedua..
Bangun myStr di atas beberapa baris dengan menggabungkan kedua string ini: Ini adalah kalimat pertama. dan Ini adalah kalimat kedua. menggunakan operator +=. Gunakan operator += mirip dengan yang ditampilkan dalam contoh dan pastikan untuk menyertakan spasi di antara kedua string. Mulailah dengan menetapkan string pertama ke myStr, lalu tambahkan string kedua.
myStr harus memiliki satu karakter spasi di antara dua string.
myStr harus memiliki nilai string Ini adalah kalimat pertama. Ini adalah kalimat kedua.
Anda harus menggunakan += operator untuk membangun myStr.
Terkadang Anda perlu membuat string. Dengan menggunakan operator gabungan (+), Anda dapat menyisipkan satu atau lebih variabel ke dalam string yang Anda buat.
Contoh:
const ourName = "freeCodeCamp";
const ourStr = "Halo, nama kami adalah " + ourName + ", apa kabar?";
ourStr akan memiliki nilai string Halo, nama kami adalah freeCodeCamp, apa kabar?.
Tetapkan myName ke string yang sama dengan nama Anda dan bangun myStr dengan myName di antara string Nama saya dan dan saya baik-baik saja!
Anda harus menggunakan dua + operator untuk membangun myStr dengan myName di dalamnya.
let ourStr = "freeCodeCamp adalah ";
OurStr += anAdjective;
ourStr akan memiliki nilai freeCodeCamp is awesome!.
Tetapkan someAdjective ke string minimal 3 karakter dan tambahkan ke myStr menggunakan operator +=.
Anda harus menambahkan someAdjective ke myStr menggunakan operator +=.
Anda dapat menemukan panjang nilai String dengan menulis .length setelah variabel string atau literal string.
console.log("Alan Peter".panjang);
Nilai 10 akan ditampilkan di konsol. Perhatikan bahwa karakter spasi antara "Alan" dan "Peter" juga dihitung.
Sebagai contoh, jika kita membuat variabel const firstName = "Ada", kita bisa mengetahui berapa panjang string Ada dengan menggunakan properti firstName.length.
Gunakan properti .length untuk menyetel lastNameLength ke jumlah karakter di lastName.
Anda tidak boleh mengubah deklarasi variabel di bagian // Setup.
lastNameLength harus sama dengan delapan.
Anda harus mendapatkan panjang lastName dengan menggunakan .length seperti ini: lastName.length.
Notasi tanda kurung adalah cara untuk mendapatkan karakter pada indeks tertentu dalam sebuah string.
Sebagian besar bahasa pemrograman modern, seperti JavaScript, tidak mulai menghitung pada 1 seperti yang dilakukan manusia. Mereka mulai dari 0. Ini disebut sebagai pengindeksan berbasis nol.
Misalnya, karakter pada indeks 0 pada kata Charles adalah C. Jadi jika const firstName = "Charles", Anda bisa mendapatkan nilai huruf pertama string dengan menggunakan firstName[0].
Contoh:
const namapertama = "Charles";
constHurufpertama = Namapertama[0];
firstLetter akan memiliki nilai string C.
Gunakan notasi tanda kurung untuk menemukan karakter pertama dalam variabel lastName dan tetapkan ke firstLetterOfLastName.
Petunjuk: Coba lihat contoh di atas jika Anda buntu.
Anda harus menggunakan notasi braket.
Dalam JavaScript, nilai String tidak dapat diubah, yang berarti tidak dapat diubah setelah dibuat.
Misalnya, kode berikut ini akan menghasilkan error karena huruf B pada string Bob tidak dapat diubah menjadi huruf J:
let myStr = "Bob";
myStr[0] = "J";
Perhatikan bahwa ini tidak berarti bahwa myStr tidak dapat ditetapkan ulang. Satu-satunya cara untuk mengubah myStr adalah dengan menetapkannya dengan nilai baru, seperti ini:
let myStr = "Bob";
myStr = "Job";
Perbaiki penugasan ke myStr sehingga berisi nilai string Hello World menggunakan pendekatan yang ditunjukkan pada contoh di atas.
Anda tidak boleh mengubah kode di atas komentar yang ditentukan.
Anda juga dapat menggunakan notasi braket untuk mendapatkan karakter di posisi lain dalam sebuah string.
Ingatlah bahwa komputer mulai menghitung dari 0, jadi karakter pertama sebenarnya adalah karakter nol.
Contoh:
const NamaPertama = "Ada";
const hurufKeduaNamaDepan = NamaPertama[1];
secondLetterOfFirstName akan memiliki nilai string d.
Mari kita coba menyetel thirdLetterOfLastName agar sama dengan huruf ketiga dari variabel lastName menggunakan notasi braket.
Petunjuk: Coba lihat contoh di atas jika Anda buntu.
Variabel thirdLetterOfLastName harus memiliki nilai v.
Anda harus menggunakan notasi braket.
Gunakan Notasi Braket untuk Menemukan Karakter Terakhir dalam sebuah String(36)
Untuk mendapatkan huruf terakhir dari sebuah string, Anda dapat mengurangi satu dari panjang string.
Misalnya, jika const firstName = "Ada", Anda bisa mendapatkan nilai huruf terakhir string dengan menggunakan firstName[firstName.length - 1].
Contoh:
const NamaPertama = "Ada";
const hurufakhir = namapertama[namapertama.panjang - 1];
lastLetter akan memiliki nilai string a.
Gunakan notasi braket untuk menemukan karakter terakhir dalam variabel lastName.
Petunjuk: Coba lihat contoh di atas jika Anda buntu.
lastLetterOfLastName harus berupa huruf e.
Anda harus menggunakan .length untuk mendapatkan huruf terakhir.
Anda dapat menggunakan prinsip yang sama yang baru saja kita gunakan untuk mengambil karakter terakhir dalam sebuah string untuk mengambil karakter Nth-to-last.
Misalnya, Anda bisa mendapatkan nilai huruf ketiga hingga terakhir dari string const firstName = "Augusta" dengan menggunakan firstName[firstName.length - 3]
Contoh:
const namapertama = "Augusta";
const thirdToLastLetter = firstName[firstName.panjang - 3];
thirdToLastLetter akan memiliki nilai string s.
Anda harus menggunakan .length untuk mendapatkan huruf kedua terakhir.
Pertimbangkan kalimat ini:
Itu benar-benar ____, dan kami ____ sendiri ____.
Kalimat ini memiliki tiga bagian yang hilang - kata sifat, kata kerja, dan kata keterangan, dan kita dapat menambahkan kata-kata pilihan kita untuk melengkapinya. Kami kemudian dapat menetapkan kalimat lengkap ke variabel sebagai berikut:
const sentence = "It was really " + "hot" +" , and we " + "laughed" +
Anda perlu menggunakan operator penggabungan string + untuk membuat string baru, dengan menggunakan variabel yang disediakan: myNoun, myAdjective, myVerb, dan myAdverb. Anda kemudian akan menetapkan string yang terbentuk ke variabel WordBlanks. Anda tidak boleh mengubah kata-kata yang diberikan ke variabel.
Anda juga perlu memperhitungkan spasi dalam string Anda, sehingga kalimat terakhir memiliki spasi di antara semua kata. Hasilnya harus berupa kalimat lengkap.
Anda tidak boleh mengubah nilai yang diberikan ke kata bendaku, kata kerjaku, kata sifatku, atau katakataku.
Anda sebaiknya tidak langsung menggunakan nilai anjing, lari, besar, atau cepat untuk membuat WordBlanks.
wordBlanks harus berisi semua kata yang ditetapkan ke variabel myNoun, myVerb, myAdjective, dan myAdverb yang dipisahkan oleh karakter non-kata (dan kata tambahan pilihan Anda).
Simpan Banyak Nilai dalam satu Variabel menggunakan Array JavaScript(39)
Dengan variabel array JavaScript, kita dapat menyimpan beberapa data di satu tempat.
Anda memulai deklarasi array dengan kurung siku buka, mengakhirinya dengan kurung siku tutup, dan meletakkan koma di antara setiap entri, seperti ini:
sandwich const = ["selai kacang", "jeli", "roti"];
Ubah array baru myArray sehingga berisi string dan angka (dalam urutan itu).
Item pertama di myArray harus berupa string.
Item kedua di myArray harus berupa angka.
Sarang satu Array di dalam Array Lain(40)
Anda juga dapat menyarangkan array di dalam array lain, seperti di bawah ini:
tim const = [["Bulls", 23], ["White Sox", 45]];
Ini juga disebut array multi-dimensi.
Buat array bersarang bernama myArray.
Indeks array ditulis dalam notasi braket yang sama dengan yang digunakan string, kecuali bahwa alih-alih menentukan karakter, mereka menentukan entri dalam array. Seperti string, array menggunakan pengindeksan berbasis nol, sehingga elemen pertama dalam array memiliki indeks 0.
array const = [50, 60, 70];
console.log(array[0]);
data const = array[1];
console.log(array[0]) mencetak 50, dan data memiliki nilai 60.
Variabel myData harus sama dengan nilai pertama myArray.
Data dalam variabel myArray harus diakses menggunakan notasi braket.
Tidak seperti string, entri array dapat diubah dan dapat diubah secara bebas, bahkan jika array dideklarasikan dengan const.
Contoh:
const Array kita = [50, 40, 30];
OurArray[0] = 15;
ourArray sekarang memiliki nilai [15, 40, 30].
Ubah data yang disimpan pada indeks 0 dari myArray ke nilai 45.
Anda harus menggunakan indeks yang benar untuk mengubah nilai di myArray.
Salah satu cara untuk memikirkan array multi-dimensi, adalah sebagai array dari array. Saat Anda menggunakan tanda kurung untuk mengakses array Anda, kumpulan tanda kurung pertama mengacu pada entri di array terluar (tingkat pertama), dan setiap pasangan tanda kurung tambahan merujuk pada entri tingkat berikutnya di dalamnya.
Catatan: Tidak boleh ada spasi di antara nama array dan tanda kurung siku, seperti array [0][0] dan bahkan array ini [0] [0] tidak diperbolehkan. Meskipun JavaScript dapat memprosesnya dengan benar, hal ini dapat membingungkan pemrogram lain yang membaca kode Anda.
Menggunakan notasi braket pilih elemen dari myArray sehingga myData sama dengan 8.
myData harus sama dengan 8.
Anda harus menggunakan notasi braket untuk membaca nilai yang benar dari myArray.
Memanipulasi Array Dengan Metode push(44)
Cara mudah untuk menambahkan data ke akhir array adalah melalui fungsi push().
.push() mengambil satu atau lebih parameter dan "mendorongnya" ke akhir array.
Contoh:
const arr1 = [1, 2, 3];
arr1.push(4);
const arr2 = ["Stimpson", "J", "Cat"];
arr2.push(["happy", "joy"]);
arr1 sekarang memiliki nilai [1, 2, 3, 4] dan arr2 memiliki nilai ["Stimpson", "J", "cat", ["happy", "joy"]].
Push ["dog", 3] ke ujung variabel myArray.
Memanipulasi Array Dengan Metode pop(45)
Cara lain untuk mengubah data dalam array adalah dengan fungsi .pop().
.pop() digunakan untuk mengeluarkan nilai dari akhir array. Kita dapat menyimpan nilai yang muncul ini dengan menugaskannya ke variabel. Dengan kata lain, .pop() menghapus elemen terakhir dari array dan mengembalikan elemen tersebut.
Jenis entri apa pun dapat dikeluarkan dari array - angka, string, bahkan array bersarang.
const threeArr = [1, 4, 6];
const oneDown = threeArr.pop();
console.log(oneDown);
console.log(threeArr);
Console.log pertama akan menampilkan nilai 6, dan yang kedua akan menampilkan nilai [1, 4].
Gunakan fungsi .pop() untuk menghapus item terakhir dari myArray dan menetapkan nilai yang muncul ke variabel baru, removeFromMyArray.
myArray seharusnya hanya berisi [["John", 23]].
Anda harus menggunakan pop() pada myArray.
dihapusFromMyArray hanya boleh berisi ["kucing", 2].
Postingan
0 comments:
Posting Komentar