Topik Belajar Javascript Dasar Untuk Pemula
Java Script Dasar merupakan salah satu dasar untuk menguasai dasar dari pembuatan tampilan suatu program yang menarik. Dengan mengetahui beberapa hal dasar yang fundamental sebelum digunakan untuk melakukan pemograman yang hasilnya nanti bisa diimplementasikan pada sebuah pemrograman java yang hampir mirip dengan pemrograman lainnya. DIbawah ini saya simpan diweb ini sesuatu postingan yang sudah saya pelajari sebelumnya
template literal 'hasil (1+1 adalah) ${2+1}'
let greeting = 'hello world'' let name = 'hakim' let age = '50' let status = 'single' console.log ('${greeting.replace ('world', 'there')} ! Nama saya ${name} Saat ini saya berusia ${age}, dan saat ini saya masih ${status}') Math.PI Math.E Math.abs(-123) Math.floor(5.9) /pembulatan angka kebawah Math.round () pembulatan angka keatas Math.random () mangacak nilai angka console.log () menampilkan File console.warn() menampilkan warning console.error () menampilkan pesan eror alert ("this is massage") menampilkan notifikasi prompt("input your number") pop up beserta inputan
if statement
let angka = Math.random(); console.log(angka); if (angka >= 0.5) { console.log("Angka lebih besar dari 0.5"); } if (angka <= 0.5) { console.log("Angka lebih kecil dari 0.5"); }
Else If Statement Makin Banyak Pilihan
const iniHari = "Senin"; if (iniHari === "Senin") { console.log("Selamat Bekerja Kawan"); } else if (iniHari === "Sabtu") { console.log("Semoga jangan cepat berlalu"); } const nilai = "80"; if (nilai < 50) { console.log("E"); } else if (nilai < 60) { console.log("D"); } else if (nilai < 70) { console.log("C"); } else if (nilai < 80) { console.log("B"); } else if (nilai < 90) { console.log("A"); }
Else Adalah Pilihan Terakhir
const iniHari = prompt("isikan hari!").toLowerCase;
if (iniHari === "Selasa") { console.log("Selamat Bekerja Kawan"); } else if (iniHari === "Sabtu") { console.log("Semoga jangan cepat berlalu"); } else { console.log("yah biasa saja"); }
Cek Kondisi Berlapis Lebih Aman
const password = prompt("buat password");
// password harus panjangnya 6 karakter
if (password.length >= 6) { if (password.indexOf(" ") === -1) { console.log("password valid"); } else { console.log("password tidak boleh berspasi"); } } else { console.log("password harus minimal 6 karakter"); }
Logical Operator
and = && or = || not = !</pre">
——-Logical and——-
let age = 19; le gender = 'male';
if ( gender === 'male' && age == 19){ console.log ('legal'); } const password = prompt("buat password"); // password harus panjangnya 6 karakter if (password.length >= 6 && password.indexOf(" ") === -1 ) { console.log("password valid"); } else { console.log("password tidak boleh berspasi"); } } else { console.log("password harus minimal 6 karakter"); }
——-logical or——–
let age = 15;
if (age === 18 || age === 20) { console.log("lselamat berjuang anak muda!"); } const role = prompt("Masukkan role akun");
if (role === "admin" || role === "spv") { console.log("boleh mengaksesnya"); } else { console.log(" akses ditolak"); }
———Logical Operator Not !——
const role = prompt("Masukkan role akun");
if (role !== "admin") { console.log(" akses ditolak"); } else { console.log("boleh mengaksesnya"); }
———– switch Sebagai Alternatif If Statement———-
switch alternatif statement if jika memiliko kondisi yang sangat banyak. Maka, lebih baik menggunakan switch ketimbang if jika akan ada banyak pilihan
const balonku = prompt("input warna balon"); switch (balonku) { case "merah": console.log(" merah"); break; case "hijau": console.log(" door"); break; default: console.log(" bukan balon saya"); }
Struktur Data Arrays di Javascript
array = deret data yang memiliki nilai masing-masing, bisa berisikan komentar, kumpulan tingkat kesulitan Game, daftar playlist spotify, youtube atau kumpulan lagu yang dilist dan lain sebagainya.
membuat array kosong let peserta = [] kumpulan String let warna = [ 'hijau', 'merah', 'kuning'] kumpulan angka let angka = [1,2,3,4,5] kumpulan campuran let sesuatu = [ true, 1, 'cat', null] string memiliki nilai indek dari 0, dan masing-masing sesuai dengan posisinya dimulai dari o let warna = ["hijau", "merah", "kuning"]; warna[2] = "biru";
Methode yang dimiliki array
Push - menambahkan item pada akhir array let barbel = [] barbel.push (5,10,15,20) Pop - menghapus item dari paling akhir array let buku = [5,10,15,20] buku.pop () shift - menghapus item dari paling awal array let student = [ 'boby', 'cantika', 'dedy' ] student.shift () unshift - menambahkan item pada awal array let student = [ 'boby', 'cantika', 'dedy' ] student.unshift ('angga')
Beberapa metode yang sering digunakan
concat -menggabungikan Array
const array1 =[ 'a','b','c', 'd']; const array2 = ['d','e','f']; const array3 = array2.concat (array1); console.log ('array3'); include - mencari suatu nilai di dalam Array const array1 =[ 'kucing','harimau','lebah', 'cacing']; console.log (array1.includes('harimau'));
indexOf – sama kaya string indekOf
const array1 =[ 'a','b','c', 'd']; console.log (array1.indexOf('b',3));
join – membuat suatu string dari sebuah Array
const month = ["january","march", "mei", "feb"]; console.log(month.join (' '));
reverse – membalikkan urutan nilai dari Array
const month = ["january","march", "mei", "feb"]; console.log('month:', month); const reversed = month.reverse(); console.log ('reversed',reversed);
slice – menyalin sebagian nilai dari Array
const month = ["january","march", "mei", "feb"]; console.log(month.slice (2));
splice - menghapus atau mengubah Element const month = ["january","march", "mei", "feb"]; month.splice(1,0,'Feb'); console.log("month");
sort – mengurutkan nilai pada Array
const month = ["march", "january", "mei", "feb"]; month.sort(); console.log("month");
——– struktur data object ——-
Sekumpulan properties dari satu banyak yang berisikan key dan value. Cara aksesnya menggunakan custome keynya
const fitnessData = { totalSteps : 1341234, totalMiles : 119.2, avgColoriesburn ; 6654, // }
const barang { judul : 'sepatu', harga : 2.000.000, isReady :true, size : [35,36,37,38,39,40], location : { Indonesia: 48, Singapore: 50, } }
// cara memanggil data dari object
barang.harga barang.location.Indonesia barang [judul] = 'sandal'
//cara membuat object berjalan
barang.gender = 'female'
// cara memanggil object di dalam array
const shoppingCart =[ { product: 'vue.js', price: 1.22, quantity: 3 }, { product: 'react.js', price: 2.32, quantity: 1 } { product: 'angular.js', price: 3.23, quantity: 2 } ] shoppingCart[0].price
Panggil indeks key setelah itu kasih titik dan kasih value
/——- Perulangan ——
Perulangan javascrips sebagai suatu hal pemrograman yang dilakukan hal yang sama sebanyak data atau kondisi
Sebagai contoh
contoh perintah Perulangan
tampilkan ‘hello’ 10 kali dan juga biasa digunakan untuk melakukan total harga setelah dikeranjang atau dengan kata lain totalkan angka pada sebuah Array
dan tipe perulangan ini seperti
for, while, for .. of, for… in
for ( let i = 1; i <= 10; i++){ console.log ('i'); } let i = inisial condition = i <= 10 increment/decrement = i++
Mendapatkan Data Array dengan Perulangan
const animals = ['anjing', 'babi', 'cicak', 'doro'] for ( let i = 0 ; i < animals.length; i++){ console.log (i + 1, animals[i]); }
——nested loop——-
const pilihan ='a,b,c,d' for (let i = 1 ; i <= 10 ; i++){ console.log ('${i}'. Soal Nomor ${i}); for (let j = 0; pilihan.length; i++){ console.log (' ${pilihan[j]}.pilihan Jawaban' ); } }
cara mendapatkan data dari nested Array dari Nested Loop
const studentRow =[ ['Andi', 'Budi', 'Cantika', 'Devi'] ['Amelia', 'Buto', 'Candy', 'Dita'] ['Angga', 'Bagus', 'Caca', 'Dafa'] ] for (let i = 0; i < student.length ; i++){ const row = studentRow [i]; console.log ('seat a row # ${i+1}'); for ( let j = 0; j < row.length ; j++){ console.log (' ${row [j]}'); } } (Shopping cart) for (let row of studentRow){ for (let student of row) console.log (student); }
Perulangan dengan Menggunakan Perintah While
Perulangan while akan terus berjalan selama kondisi tesnya bernilai true
let num = 0; while ( num < 10){ console.log (num); num++; } const password = "pass123"; let tamu = promp(" enter your password"); while (tamu !== password) { tamu = prompt("enter your password"); } alert("congrat! your password is correct"); Kata Kunci Break Untuk memberhentikan perulangan let input = prompt(' hei, say samething'); while (true) { input = prompt (input); if ( input.toLowerCase() === 'stop'); break; } alert('ok') for (let i = 0; (i = 10000); i++) { console.log(i); if (i === 100); break; } Membuat Game Tebak Angka dengan perulangan (while) let maximum = parseInt(prompt("masukkan nilai maksimal")); while (!maximum) { maximum = parseInt(prompt("masukkan nilai maksimal")); } const targetNum = Math.floor(Math.random() * maximum) + 1; console.log(targetNum); let guess = parseInt(prompt("is tebakan pertama kamu")); let attempts = 1; while (parseInt(guess) !== targetNum) { attempts++; if (guess > targetNum) { guess = parseInt(prompt("Terlalu tinggi! Tebak lagi")); } else { guess = parseInt(prompt("Terlalu rendah! Tebak lagi")); } } alert('selamat anda benar! Dengan percobaan ${attempta} kali');
For....Of ( cara cantik dan mudah untuk melakukan perulangan dengan tipe data array dan object) for ( variabel of iterable){ statement } const fruits = [ 'Apel', 'Banana', 'cedar','mangga'] for (let fruit of fruits){ console.log ('Buah ${fruit}'); }
Menggunakan For … in ( cara cantik dan mudah untuk melakukan perulangan dengan tipe data object)
Const studentScore ={ olivia: 20, julian: 30, angga: 40, melia: 50, evi: 60, aya: 70, Shopia: 80, } for (let student in studentScore){ console.log ('${student} memiliki skor ${studentScore[student]}'); }
let total = 0; let scores = Object.values (studentScore) for ( let score in scores){ total += score; } console.log (total/ scores.length);
Penutup
Itulah Beberapa hal yang saya sedikit pelajari terkait dengan javascript dasar semoga bisa membantu anda dalam belajar
Tinggalkan Balasan