Halo para pembaca, kali ini kita akan membahas tentang “contoh reduce”. Reduce adalah sebuah function yang terdapat pada bahasa pemrograman JavaScript. Reduce digunakan untuk melakukan pengolahan data pada array. Dalam artikel ini, kita akan membahas 20 contoh penggunaan reduce serta FAQ terkait dengan penggunaan reduce. Berikut adalah daftar-judul yang akan dibahas dalam artikel ini:
1. Cara Menggunakan Reduce Pada Array
Reduce digunakan untuk melakukan pengolahan data pada array. Reduce akan melakukan pengulangan pada setiap elemen array untuk melakukan pengolahan data sesuai dengan fungsinya. Berikut adalah contoh penggunaan reduce pada array:
“`
const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce((acc, curr) => acc + curr);
console.log(sum); // Output: 15
“`
Pada contoh di atas, reduce akan melakukan penjumlahan pada setiap elemen array sehingga menghasilkan output 15.
2. Contoh Reduce Untuk Menghitung Jumlah Kata
Pada contoh ini, kita akan menghitung jumlah kata dalam sebuah kalimat menggunakan reduce. Berikut adalah contoh kodenya:
“`
const sentence = “Halo, nama saya Lucy.”;
const count = sentence.split(” “).reduce((acc) => acc + 1, 0);
console.log(count); // Output: 4
“`
Pada contoh di atas, reduce akan melakukan split pada kalimat dan menghitung jumlah kata dengan mengakumulasi nilai 1 setiap kali melakukan pengulangan pada setiap elemen array hasil split.
3. Contoh Reduce Untuk Menghitung Jumlah Kata Spesifik
Pada contoh ini, kita akan menghitung jumlah kata tertentu dalam sebuah kalimat menggunakan reduce. Berikut adalah contoh kodenya:
“`
const sentence = “Halo, nama saya Lucy. Saya suka makan sushi.”;
const count = sentence.split(” “).reduce((acc, curr) => {
if (curr === “saya”) {
return acc + 1;
}
return acc;
}, 0);
console.log(count); // Output: 2
“`
Pada contoh di atas, reduce akan melakukan split pada kalimat dan menghitung jumlah kata “saya” dengan mengakumulasi nilai 1 setiap kali melakukan pengulangan pada setiap elemen array hasil split.
4. Contoh Reduce Untuk Menghitung Jumlah Karakter
Pada contoh ini, kita akan menghitung jumlah karakter pada sebuah kalimat menggunakan reduce. Berikut adalah contoh kodenya:
“`
const sentence = “Halo, nama saya Lucy.”;
const count = sentence.split(“”).reduce((acc) => acc + 1, 0);
console.log(count); // Output: 19
“`
Pada contoh di atas, reduce akan melakukan split pada setiap karakter dalam kalimat dan menghitung jumlah karakter dengan mengakumulasi nilai 1 setiap kali melakukan pengulangan pada setiap elemen array hasil split.
5. Contoh Reduce Untuk Menjumlahkan Bilangan Ganjil
Pada contoh ini, kita akan menjumlahkan bilangan ganjil dalam sebuah array menggunakan reduce. Berikut adalah contoh kodenya:
“`
const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce((acc, curr) => {
if (curr % 2 === 1) {
return acc + curr;
}
return acc;
}, 0);
console.log(sum); // Output: 9
“`
Pada contoh di atas, reduce akan menjumlahkan bilangan ganjil dengan mengakumulasi nilai setiap kali melakukan pengulangan pada setiap elemen array.
6. Contoh Reduce Untuk Menjumlahkan Bilangan Genap
Pada contoh ini, kita akan menjumlahkan bilangan genap dalam sebuah array menggunakan reduce. Berikut adalah contoh kodenya:
“`
const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce((acc, curr) => {
if (curr % 2 === 0) {
return acc + curr;
}
return acc;
}, 0);
console.log(sum); // Output: 6
“`
Pada contoh di atas, reduce akan menjumlahkan bilangan genap dengan mengakumulasi nilai setiap kali melakukan pengulangan pada setiap elemen array.
7. Contoh Reduce Untuk Menggabungkan Array
Pada contoh ini, kita akan menggabungkan beberapa array menjadi satu array menggunakan reduce. Berikut adalah contoh kodenya:
“`
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [7, 8, 9];
const result = [arr1, arr2, arr3].reduce((acc, curr) => acc.concat(curr), []);
console.log(result); // Output: [1, 2, 3, 4, 5, 6, 7, 8, 9]
“`
Pada contoh di atas, reduce akan menggabungkan setiap array menjadi satu array dengan mengakumulasi nilai array setiap kali melakukan pengulangan pada setiap elemen array.
8. Contoh Reduce Untuk Menghitung Rata-Rata
Pada contoh ini, kita akan menghitung rata-rata dari sebuah array menggunakan reduce. Berikut adalah contoh kodenya:
“`
const arr = [1, 2, 3, 4, 5];
const avg = arr.reduce((acc, curr, index, array) => {
acc += curr;
if (index === array.length – 1) {
return acc / array.length;
}
return acc;
}, 0);
console.log(avg); // Output: 3
“`
Pada contoh di atas, reduce akan menghitung rata-rata dengan mengakumulasi nilai setiap kali melakukan pengulangan pada setiap elemen array dan mengembalikan nilai akumulasi dibagi dengan panjang array.
9. Contoh Reduce Untuk Mencari Nilai Maksimum
Pada contoh ini, kita akan mencari nilai maksimum dari sebuah array menggunakan reduce. Berikut adalah contoh kodenya:
“`
const arr = [1, 2, 3, 4, 5];
const max = arr.reduce((acc, curr) => {
if (curr > acc) {
return curr;
}
return acc;
}, 0);
console.log(max); // Output: 5
“`
Pada contoh di atas, reduce akan mencari nilai maksimum dengan mengakumulasi nilai setiap kali melakukan pengulangan pada setiap elemen array dan membandingkan nilai akumulasi dengan nilai elemen array saat ini.
10. Contoh Reduce Untuk Mencari Nilai Minimum
Pada contoh ini, kita akan mencari nilai minimum dari sebuah array menggunakan reduce. Berikut adalah contoh kodenya:
“`
const arr = [1, 2, 3, 4, 5];
const min = arr.reduce((acc, curr) => {
if (curr < acc) {
return curr;
}
return acc;
}, arr[0]);
console.log(min); // Output: 1
“`
Pada contoh di atas, reduce akan mencari nilai minimum dengan mengakumulasi nilai setiap kali melakukan pengulangan pada setiap elemen array dan membandingkan nilai akumulasi dengan nilai elemen array saat ini.
11. Contoh Reduce Untuk Menghitung Frekuensi Karakter
Pada contoh ini, kita akan menghitung frekuensi dari setiap karakter pada sebuah kalimat menggunakan reduce. Berikut adalah contoh kodenya:
“`
const sentence = “Halo, nama saya Lucy.”;
const freq = sentence.split(“”).reduce((acc, curr) => {
if (curr in acc) {
acc[curr]++;
} else {
acc[curr] = 1;
}
return acc;
}, {});
console.log(freq); // Output: {H: 1, a: 3, l: 1, o: 1, ,: 3, n: 1, m: 2, s: 2, y: 2, L: 1, u: 1, c: 1, .: 1}
“`
Pada contoh di atas, reduce akan menghitung frekuensi setiap karakter dengan mengakumulasi nilai setiap kali melakukan pengulangan pada setiap karakter hasil split dan menambahkan nilai frekuensi jika karakter sudah pernah ditemukan.
12. Contoh Reduce Untuk Menghitung Total Belanjaan
Pada contoh ini, kita akan menghitung total belanjaan dari beberapa barang menggunakan reduce. Berikut adalah contoh kodenya:
“`
const items = [
{ name: “Kemeja”, price: 100000 },
{ name: “Celana”, price: 200000 },
{ name: “Sepatu”, price: 300000 },
];
const total = items.reduce((acc, curr) => acc + curr.price, 0);
console.log(total); // Output: 600000
“`
Pada contoh di atas, reduce akan menghitung total belanjaan dengan mengakumulasi nilai setiap kali melakukan pengulangan pada setiap elemen array dan menambahkan harga dari setiap barang.
13. Contoh Reduce Untuk Menjumlahkan Jumlah Jualan
Pada contoh ini, kita akan menjumlahkan jumlah jualan dari beberapa barang menggunakan reduce. Berikut adalah contoh kodenya:
“`
const items = [
{ name: “Kemeja”, sales: 10 },
{ name: “Celana”, sales: 20 },
{ name: “Sepatu”, sales: 30 },
];
const totalSales = items.reduce((acc, curr) => acc + curr.sales, 0);
console.log(totalSales); // Output: 60
“`
Pada contoh di atas, reduce akan menjumlahkan jumlah jualan dengan mengakumulasi nilai setiap kali melakukan pengulangan pada setiap elemen array dan menambahkan jumlah jualan dari setiap barang.
14. Contoh Reduce Untuk Menghitung Jumlah Produk
Pada contoh ini, kita akan menghitung jumlah produk yang tersedia dari beberapa toko menggunakan reduce. Berikut adalah contoh kodenya:
“`
const stores = [
{ name: “Toko A”, products: [“Kemeja”, “Celana”] },
{ name: “Toko B”, products: [“Sepatu”, “Topi”] },
{ name: “Toko C”, products: [“Kacamata”] },
];
const totalProducts = stores.reduce(
(acc, curr) => acc + curr.products.length,
0
);
console.log(totalProducts); // Output: 5
“`
Pada contoh di atas, reduce akan menghitung jumlah produk dengan mengakumulasi nilai setiap kali melakukan pengulangan pada setiap elemen array dan menambahkan panjang array produk dari setiap toko.
15. Contoh Reduce Untuk Menghitung Total Poin
Pada contoh ini, kita akan menghitung total poin dari beberapa siswa menggunakan reduce. Berikut adalah contoh kodenya:
“`
const students = [
{ name: “Lucy”, point: 90 },
{ name: “Lisa”, point: 80 },
{ name: “Lily”, point: 70 },
];
const totalPoint = students.reduce((acc, curr) => acc + curr.point, 0);
console.log(totalPoint); // Output: 240
“`
Pada contoh di atas, reduce akan menghitung total poin dengan mengakumulasi nilai setiap kali melakukan pengulangan pada setiap elemen array dan menambahkan nilai poin dari setiap siswa.
16. Contoh Reduce Untuk Mengambil Nilai Unik
Pada contoh ini, kita akan mengambil nilai unik dari sebuah array menggunakan reduce. Berikut adalah contoh kodenya:
“`
const arr = [1, 2, 3, 1, 2, 4];
const unique = arr.reduce((acc, curr) => {
if (!acc.includes(curr)) {
acc.push(curr);
}
return acc;
}, []);
console.log(unique); // Output: [1, 2, 3, 4]
“`
Pada contoh di atas, reduce akan mengambil nilai unik dengan mengakumulasi nilai setiap kali melakukan pengulangan pada setiap elemen array dan menambahkan nilai tersebut pada array unik jika elemen belum ada pada array unik.
17. Contoh Reduce Untuk Mengambil Nilai Terbanyak
Pada contoh ini, kita akan mengambil nilai terbanyak dari sebuah array menggunakan reduce. Berikut adalah contoh kodenya:
“`
const arr = [1, 2, 3, 1, 2, 4];
const mostFrequent = arr.reduce((acc, curr) => {
if (curr in acc) {
acc[curr]++;
} else {
acc[curr] = 1;
}
if (acc[curr] > acc.max) {
acc.max = acc[curr];
acc.value = curr;
}
return acc;
}, { max: 0, value: null });
console.log(mostFrequent.value); // Output: 1
“`
Pada contoh di atas, reduce akan mengambil nilai terbanyak dengan mengakumulasi nilai setiap kali melakukan pengulangan pada setiap elemen array dan menambahkan nilai frekuensi jika elemen sudah pernah ditemukan serta membandingkan nilai frekuensi dengan nilai maksimal saat ini, kemudian mengembalikan nilai dengan frekuensi terbanyak.
18. Contoh Reduce Untuk Menjumlahkan Bilangan Kuadrat
Pada contoh ini, kita akan menjumlahkan bilangan kuadrat dalam sebuah array menggunakan reduce. Berikut adalah contoh kodenya:
“`
const arr = [1, 2, 3, 4, 5];
const sumOfSquares = arr.reduce((acc, curr) => acc + curr ** 2, 0);
console.log(sumOfSquares); // Output: 55
“`
Pada contoh di atas, reduce akan menjumlahkan bilangan kuadrat dengan mengakumulasi nilai setiap kali melakukan pengulangan pada setiap elemen array dan menambahkan nilai elemen pangkat dua.
19. Contoh Reduce Untuk Mengambil Nilai Tertinggi dan Terendah
Pada contoh ini, kita akan mengambil nilai tertinggi dan terendah dari sebuah array menggunakan reduce. Berikut adalah contoh kodenya:
“`
const arr = [1, 2, 3, 4, 5];
const highestAndLowest = arr.reduce((acc, curr) => {
if (curr > acc.highest) {
acc.highest = curr;
} else if (curr < acc.lowest) {
acc.lowest = curr;
}
return acc;
}, { highest: arr[0], lowest: arr[0] });
console.log(highestAndLowest); // Output: { highest: 5, lowest: 1 }
“`
Pada contoh di atas, reduce akan mengambil nilai tertinggi dan terendah dengan mengakumulasi nilai setiap kali melakukan pengulangan pada setiap elemen array dan membandingkan nilai elemen array saat ini dengan nilai tertinggi dan terendah saat ini.
20. Contoh Reduce Untuk Mengembalikan Array Baru
Pada contoh ini, kita akan mengembalikan array baru yang mengandung nilai-nilai tertentu dari sebuah array menggunakan reduce. Berikut adalah contoh kodenya:
“`
const arr = [1, 2, 3, 4, 5];
const newArr = arr.reduce((acc, curr) => {
if (curr % 2 === 0) {
acc.push(curr * 2);
}
return acc;
}, []);
console.log(newArr); // Output: [4, 8]
“`
Pada contoh di atas, reduce akan mengembalikan array baru yang mengandung bilangan genap yang telah dikalikan 2 dengan mengakumulasi nilai setiap kali melakukan pengulangan pada setiap elemen