Cara Menambahkan String ke Setiap Elemen Array di JavaScript
Dalam pemrograman JavaScript, seringkali kita perlu memanipulasi array dengan menambahkan string ke setiap elemennya. Berikut adalah beberapa cara untuk melakukannya:
1. Menggunakan Loop for
Cara paling umum adalah dengan menggunakan loop for untuk iterasi melalui setiap elemen array dan menambahkan string yang diinginkan.
const myArray = ["apel", "pisang", "jeruk"];
const prefix = "buah ";
for (let i = 0; i < myArray.length; i++) {
myArray[i] = prefix + myArray[i];
}
console.log(myArray); // Output: ["buah apel", "buah pisang", "buah jeruk"]
Kode di atas menginisialisasi array myArray yang berisi beberapa nama buah. Kemudian, kita mendeklarasikan variabel prefix untuk menyimpan string yang ingin kita tambahkan ke setiap elemen.
Loop for digunakan untuk mengakses setiap elemen array. Di dalam loop, kita mengubah nilai elemen dengan menambahkan prefix dan nilai elemen asli. Setelah loop selesai, array myArray akan berisi elemen dengan string yang ditambahkan.
2. Menggunakan map() Method
Metode map() adalah cara yang lebih ringkas dan elegan untuk memanipulasi setiap elemen array. Metode ini akan mengembalikan array baru dengan hasil manipulasi setiap elemen.
const myArray = ["apel", "pisang", "jeruk"];
const prefix = "buah ";
const newArray = myArray.map(element => prefix + element);
console.log(newArray); // Output: ["buah apel", "buah pisang", "buah jeruk"]
Kode di atas menggunakan map() untuk mentransformasi setiap elemen myArray dengan menambahkan prefix. Hasilnya disimpan dalam newArray yang merupakan array baru dengan elemen yang sudah dimodifikasi.
3. Menggunakan forEach() Method
Metode forEach() dapat digunakan untuk iterasi melalui setiap elemen array dan melakukan operasi pada setiap elemen.
const myArray = ["apel", "pisang", "jeruk"];
const prefix = "buah ";
myArray.forEach((element, index) => {
myArray[index] = prefix + element;
});
console.log(myArray); // Output: ["buah apel", "buah pisang", "buah jeruk"]
Kode ini menggunakan forEach() untuk mengiterasi setiap elemen myArray. Di dalam fungsi callback, kita mengubah nilai elemen myArray dengan menambahkan prefix pada elemen tersebut. Perhatikan bahwa kita menggunakan index untuk mengakses dan memodifikasi elemen di dalam array yang sama.
4. Menggunakan Template Literals
Template literals menawarkan cara yang lebih mudah untuk menggabungkan string dan variabel.
const myArray = ["apel", "pisang", "jeruk"];
const prefix = "buah ";
const newArray = myArray.map(element => `${prefix}${element}`);
console.log(newArray); // Output: ["buah apel", "buah pisang", "buah jeruk"]
Kode ini menggunakan template literals untuk menggabungkan prefix dan elemen array myArray dan menyimpan hasilnya dalam newArray.
Kesimpulan
Masing-masing metode memiliki keunggulan dan kekurangannya. for loop memberikan kontrol penuh atas iterasi, map() lebih ringkas dan elegan, forEach() hanya untuk iterasi dan modifikasi, dan template literals menyediakan cara yang mudah untuk menggabungkan string dan variabel.
Pilih metode yang paling sesuai dengan kebutuhan Anda dalam memanipulasi array di JavaScript.