Fungsi Dasar JavaScript yang Harus Diketahui Pemula

Berikut adalah fungsi-fungsi dasar JavaScript yang sering digunakan dan wajib diketahui oleh pemula:

1. Fungsi console.log()

Digunakan untuk menampilkan output di konsol, berguna untuk debugging.

Contoh:

console.log("Halo, dunia!"); // Output: Halo, dunia!

2. Fungsi alert()

Menampilkan pesan pop-up di browser. Tidak disarankan untuk aplikasi produksi, tetapi berguna untuk demo sederhana.

Contoh:

alert("Selamat datang di situs kami!");

3. Fungsi prompt()

Digunakan untuk meminta input dari pengguna melalui pop-up.

Contoh:

let nama = prompt("Siapa nama Anda?");
console.log("Nama Anda adalah " + nama);

4. Fungsi confirm()

Menampilkan kotak dialog dengan pilihan “OK” dan “Cancel”. Mengembalikan nilai true jika pengguna memilih “OK” dan false jika memilih “Cancel”.

Contoh:

let konfirmasi = confirm("Apakah Anda yakin ingin melanjutkan?");
if (konfirmasi) {
    console.log("Lanjutkan");
} else {
    console.log("Dibatalkan");
}

5. Fungsi Matematika (Math)

JavaScript memiliki objek Math dengan banyak fungsi untuk perhitungan.

• Math.random(): Menghasilkan angka acak antara 0 dan 1.

console.log(Math.random());

• Math.floor(): Membulatkan angka ke bawah.

console.log(Math.floor(4.7)); // Output: 4

• Math.ceil(): Membulatkan angka ke atas.

console.log(Math.ceil(4.1)); // Output: 5

• Math.round(): Membulatkan angka ke nilai terdekat.

console.log(Math.round(4.5)); // Output: 5

• Math.max() dan Math.min(): Mendapatkan nilai maksimum/minimum dari serangkaian angka.

console.log(Math.max(10, 20, 30)); // Output: 30
console.log(Math.min(10, 20, 30)); // Output: 10

6. Fungsi String

Fungsi-fungsi bawaan untuk memanipulasi string.

• length: Mendapatkan panjang string.

let kata = "JavaScript";
console.log(kata.length); // Output: 10

• toUpperCase() dan toLowerCase(): Mengubah huruf menjadi kapital/kecil.

let teks = "halo";
console.log(teks.toUpperCase()); // Output: HALO

• trim(): Menghapus spasi di awal dan akhir string.

let teks = "  belajar coding  ";
console.log(teks.trim()); // Output: "belajar coding"

• split(): Memisahkan string menjadi array berdasarkan pemisah tertentu.

let teks = "saya suka JavaScript";
console.log(teks.split(" ")); // Output: ["saya", "suka", "JavaScript"]

7. Fungsi Array

Metode bawaan untuk memanipulasi array.

• push(): Menambahkan elemen ke akhir array.

let angka = [1, 2, 3];
angka.push(4);
console.log(angka); // Output: [1, 2, 3, 4]

• pop(): Menghapus elemen terakhir array.

angka.pop();
console.log(angka); // Output: [1, 2, 3]

• shift() dan unshift(): Menghapus/menambahkan elemen di awal array.

angka.shift(); // Menghapus elemen pertama
angka.unshift(0); // Menambahkan elemen di awal

• forEach(): Melakukan iterasi setiap elemen array.

let nama = ["Alice", "Bob", "Charlie"];
nama.forEach((item) => console.log(item));

8. Fungsi Date

Objek Date digunakan untuk bekerja dengan tanggal dan waktu.

• Membuat objek tanggal baru:

let sekarang = new Date();
console.log(sekarang);

• Fungsi getFullYear() dan getMonth():

console.log(sekarang.getFullYear()); // Tahun saat ini
console.log(sekarang.getMonth());    // Bulan saat ini (0-11)

9. Fungsi Timer

• setTimeout(): Menjalankan fungsi setelah jeda waktu tertentu.

setTimeout(() => {
    console.log("Halo, setelah 2 detik");
}, 2000);

• setInterval(): Menjalankan fungsi secara berulang dengan interval tertentu.

setInterval(() => {
    console.log("Halo setiap 1 detik");
}, 1000);

10. Fungsi Pemrograman Fungsional

• map(): Menghasilkan array baru dengan memodifikasi elemen dari array asli.

let angka = [1, 2, 3];
let kuadrat = angka.map((x) => x * x);
console.log(kuadrat); // Output: [1, 4, 9]

• filter(): Menyaring elemen array berdasarkan kondisi.

let angka = [1, 2, 3, 4, 5];
let genap = angka.filter((x) => x % 2 === 0);
console.log(genap); // Output: [2, 4]

• reduce(): Mengakumulasi nilai dari array menjadi satu hasil.

let angka = [1, 2, 3, 4];
let total = angka.reduce((acc, curr) => acc + curr, 0);
console.log(total); // Output: 10

Itulah fungsi-fungsi dasar JavaScript yang penting untuk diketahui. Anda bisa menggunakannya untuk membangun logika aplikasi sederhana hingga kompleks. 😊