### Fungsi, Callback, Array, dan Object dalam JavaScript
#### 1. **Fungsi**
Fungsi adalah blok kode yang dapat digunakan kembali. Fungsi dapat menerima parameter (input) dan mengembalikan nilai. Ada beberapa cara mendefinisikan fungsi dalam JavaScript:
- **Fungsi Deklarasi**:
Fungsi ini dideklarasikan dengan kata kunci `function`.
```javascript
function tambah(a, b) {
return a + b;
}
let hasil = tambah(5, 10); // 15
```
- **Fungsi Ekspresi**:
Fungsi ini disimpan dalam variabel.
```javascript
let kali = function(a, b) {
return a * b;
};
let hasil = kali(4, 5); // 20
```
- **Arrow Function**:
Pendekatan modern yang lebih ringkas. Tidak memiliki `this` sendiri.
```javascript
let bagi = (a, b) => a / b;
let hasil = bagi(10, 2); // 5
```
#### 2. **Callback**
Callback adalah fungsi yang dikirimkan sebagai argumen ke fungsi lain dan dipanggil kembali (callback) di dalam fungsi tersebut. Callback memungkinkan kita menjalankan fungsi setelah tugas selesai, terutama untuk operasi asinkron seperti pengambilan data dari server.
**Contoh:**
```javascript
function prosesData(data, callback) {
console.log("Proses data: ", data);
callback();
}
function selesai() {
console.log("Proses selesai.");
}
prosesData("Data penting", selesai);
```
Pada contoh di atas, `selesai` adalah callback yang akan dieksekusi setelah `prosesData` selesai menjalankan tugasnya.
#### 3. **Array**
Array adalah struktur data yang digunakan untuk menyimpan beberapa nilai dalam satu variabel. Elemen array bisa diakses dengan indeks.
**Contoh:**
```javascript
let buah = ["apel", "mangga", "pisang"];
console.log(buah[0]); // apel
```
##### Operasi pada Array:
- **Menambahkan elemen ke array**: `push()`
```javascript
buah.push("jeruk"); // Menambahkan jeruk ke akhir array
```
- **Menghapus elemen dari array**: `pop()`
```javascript
buah.pop(); // Menghapus elemen terakhir
```
- **Menggabungkan array**: `concat()`
```javascript
let sayur = ["wortel", "kubis"];
let makanan = buah.concat(sayur); // Menggabungkan array buah dan sayur
```
- **Iterasi Array**: `forEach()`
```javascript
buah.forEach((item) => {
console.log(item);
});
```
#### 4. **Object**
Object adalah tipe data kompleks yang memungkinkan kita menyimpan data dalam bentuk pasangan `key: value`. Ini berguna untuk merepresentasikan data yang memiliki beberapa atribut.
**Contoh:**
```javascript
let mahasiswa = {
nama: "Budi",
umur: 22,
jurusan: "Teknik Informatika"
};
console.log(mahasiswa.nama); // Mengakses properti 'nama'
console.log(mahasiswa["umur"]); // Cara lain mengakses properti
```
##### Operasi pada Object:
- **Menambah properti baru**:
```javascript
mahasiswa.alamat = "Jakarta";
```
- **Menghapus properti**:
```javascript
delete mahasiswa.jurusan;
```
##### Iterasi pada Object:
Menggunakan `for...in` untuk mengiterasi properti dalam object.
```javascript
for (let key in mahasiswa) {
console.log(key + ": " + mahasiswa[key]);
}
```
#### 5. **Array dan Object Bersama-sama**
Array dan object dapat digabungkan, misalnya array berisi object atau object berisi array.
- **Array berisi object**:
```javascript
let mahasiswaList = [
{ nama: "Budi", umur: 22 },
{ nama: "Siti", umur: 21 }
];
console.log(mahasiswaList[0].nama); // Budi
```
- **Object berisi array**:
```javascript
let kelas = {
nama: "Kelas A",
mahasiswa: ["Budi", "Siti", "Andi"]
};
console.log(kelas.mahasiswa[1]); // Siti
```
### Kesimpulan
Fungsi, callback, array, dan object adalah elemen inti dalam JavaScript. Pemahaman mendalam tentang bagaimana menggunakannya sangat penting untuk membangun aplikasi yang dinamis dan interaktif. Arrays dan objects memungkinkan pengelolaan dan manipulasi data dengan lebih mudah, sedangkan callback sering digunakan dalam operasi asinkron.