Add Comma Separated String To Array Javascript

4 min read Jun 22, 2024
Add Comma Separated String To Array Javascript

Cara Menambahkan String yang Dipisahkan Koma ke dalam Array di JavaScript

Dalam pemrograman JavaScript, seringkali kita perlu menambahkan string yang dipisahkan koma ke dalam sebuah array. Ini bisa dilakukan dengan beberapa cara, dan artikel ini akan membahas beberapa metode yang paling umum digunakan.

1. Menggunakan split()

Metode split() adalah cara paling mudah dan umum untuk mengubah string yang dipisahkan koma menjadi array.

const string = "apel,pisang,jeruk";
const array = string.split(",");

console.log(array); // Output: ["apel", "pisang", "jeruk"]

Kode di atas menggunakan fungsi split() dengan tanda koma (,) sebagai pemisah. Hal ini akan menghasilkan array baru yang berisi setiap kata dari string yang dipisahkan koma.

2. Menggunakan map()

Jika kita ingin menambahkan string yang dipisahkan koma ke dalam array yang sudah ada, kita bisa menggunakan metode map() untuk mengiterasi setiap item dan menambahkannya ke array baru.

const existingArray = ["mangga", "durian"];
const stringToAdd = "semangka,melon";

const newArray = existingArray.concat(stringToAdd.split(",").map(item => item.trim()));

console.log(newArray); // Output: ["mangga", "durian", "semangka", "melon"]

Kode di atas menggunakan fungsi map() untuk mengiterasi setiap item dalam string yang dipisahkan koma dan menambahkannya ke array baru. Fungsi trim() digunakan untuk menghapus spasi kosong di awal dan akhir setiap item.

3. Menggunakan reduce()

Metode reduce() juga bisa digunakan untuk menambahkan string yang dipisahkan koma ke dalam array.

const string = "apel,pisang,jeruk";

const array = string.split(",").reduce((acc, cur) => {
  acc.push(cur.trim());
  return acc;
}, []);

console.log(array); // Output: ["apel", "pisang", "jeruk"]

Kode di atas menggunakan fungsi reduce() untuk mengiterasi setiap item dalam string yang dipisahkan koma dan menambahkannya ke array baru. Fungsi trim() digunakan untuk menghapus spasi kosong di awal dan akhir setiap item.

4. Menggunakan for...of loop

Jika kita ingin memiliki kendali lebih besar atas proses penambahan, kita bisa menggunakan for...of loop.

const string = "apel,pisang,jeruk";
const array = [];

for (const item of string.split(",")) {
  array.push(item.trim());
}

console.log(array); // Output: ["apel", "pisang", "jeruk"]

Kode di atas menggunakan for...of loop untuk mengiterasi setiap item dalam string yang dipisahkan koma dan menambahkannya ke array baru. Fungsi trim() digunakan untuk menghapus spasi kosong di awal dan akhir setiap item.

Kesimpulan

Ada banyak cara untuk menambahkan string yang dipisahkan koma ke dalam array di JavaScript. Metode yang terbaik untuk digunakan tergantung pada kebutuhan dan preferensi Anda. Pastikan untuk memilih metode yang paling efisien dan mudah dipahami bagi Anda.