Youngliving
Jetorbit Web Hosting

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

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

DomaiNesia