Blog

Full Stack Web Development

Panduan Lengkap Mengonversi String to Array JavaScript

Irhan Hisyam Dwi Nugroho

•

01 August 2025

•

Warga Bimbingan, pernahkah kalian mencari cara mengubah string to array JavaScript? MinDi siap kasih penjelasan lengkap dan mudah dimengerti supaya kalian makin paham!

Selain split(), ada banyak cara lain yang bisa kalian coba, seperti menggunakan spread operator atau metode Array.from().

Yuk simak terus, karena MinDi bakal bahas setiap metode dengan detail supaya kalian bisa memilih yang paling cocok untuk kebutuhan kalian!

Apa Itu String dan Array dalam JavaScript?

Dalam JavaScript, string adalah tipe data yang digunakan untuk menyimpan urutan karakter, seperti kata atau kalimat.

String bisa terdiri dari huruf, angka, atau simbol, dan selalu dibungkus dengan tanda kutip satu (’ ’) atau dua (” “).

Sementara itu, array adalah tipe data yang digunakan untuk menyimpan sekumpulan nilai dalam urutan tertentu, yang bisa berupa tipe data apa saja, termasuk string, angka, atau objek.

Array diakses menggunakan indeks, dimulai dari angka 0, sehingga memudahkan kita untuk mengambil nilai di dalamnya.

Cara Mengkonversi String ke Array di JavaScript

Sumber: Canva

Ada beberapa cara untuk mengonversi string to array JavaScript. Berikut adalah beberapa metode yang bisa kalian coba!

1. Menggunakan Metode String.split()

Metode split() digunakan untuk memisahkan string menjadi array berdasarkan delimiter yang kita tentukan.

Contoh kode:

const str = "Halo Dunia";

const arr = str.split(" "); // Memisahkan string berdasarkan spasi

console.log(arr); // Output: ["Halo", "Dunia"]

Penjelasan:

Dengan split(" "), kita memisahkan string str berdasarkan spasi menjadi dua elemen dalam array: "Halo" dan "Dunia".

2. Menggunakan Spread Operator (...)

Spread operator ... memungkinkan kita untuk mengubah string menjadi array karakter.

Contoh kode:

const str = "Halo";

const arr = [...str];

console.log(arr); // Output: ["H", "a", "l", "o"]

Penjelasan:

Di sini, setiap karakter dalam string str dipecah menjadi elemen array dengan menggunakan spread operator, menghasilkan array karakter individual.

3. Menggunakan Metode Array.from()

Metode Array.from() mengonversi objek yang dapat diiterasi (seperti string) menjadi array.

Contoh kode:

const str = "Halo";

const arr = Array.from(str);

console.log(arr); // Output: ["H", "a", "l", "o"]

Penjelasan:

Metode Array.from() mengubah string str menjadi array, dengan setiap karakter string menjadi elemen array.

4. Menggunakan slice() dengan call()

Kita bisa menggunakan metode slice() bersama dengan call() untuk mengonversi string menjadi array.

Contoh kode:

const str = "Halo";

const arr = Array.prototype.slice.call(str);

console.log(arr); // Output: ["H", "a", "l", "o"]

Penjelasan:

Di sini, Array.prototype.slice.call(str) memanggil metode slice() dari array untuk membuat array baru dari string str.

5. Menggunakan Object.assign()

Metode Object.assign() dapat digunakan untuk menyalin nilai dari string ke dalam array.

Contoh kode:

const str = "Halo";

const arr = Object.assign([], str);

console.log(arr); // Output: ["H", "a", "l", "o"]

Penjelasan:

Object.assign([], str) menyalin karakter-karakter dalam string str ke dalam array baru.

6. Menggunakan Metode map()

Metode map() dapat digunakan untuk mengonversi string menjadi array dengan memetakan setiap karakter ke dalam elemen array.

Contoh kode:

const str = "Halo";

const arr = Array.prototype.map.call(str, (char) => char);

console.log(arr); // Output: ["H", "a", "l", "o"]

Penjelasan:

Dengan map(), kita dapat memproses setiap karakter dalam string str dan memasukkannya ke dalam array.

7. Menggunakan Loop for

Kalian juga bisa menggunakan loop for untuk mengonversi string menjadi array dengan cara manual.

Contoh kode:

const str = "Halo";

let arr = [];

for (let i = 0; i < str.length; i++) {

arr.push(str[i]);

}

console.log(arr); // Output: ["H", "a", "l", "o"]

Penjelasan:

Dengan loop for, kita mengambil setiap karakter dalam string str dan menambahkannya ke dalam array arr.

Ingin Jadi Full Stack Web Developer Profesional?

Setelah mempelajari cara mengonversi String to Array JavaScript, kini saatnya melangkah lebih jauh dan menguasai skill web development yang lebih mendalam!

Yuk, ikuti Bootcamp Full Stack Web Development di dibimbing.id! Di sini, kamu akan belajar membuat aplikasi web profesional, menguasai frontend dan backend, serta mengembangkan keterampilan coding secara menyeluruh.

Belajar langsung dari mentor berpengalaman dengan kurikulum aplikatif yang siap membantumu menguasai teknologi web modern.

Dengan lebih dari 840+ hiring partner dan tingkat keberhasilan alumni 96%, peluang kariermu di dunia IT semakin terbuka lebar!

Jadi, tunggu apa lagi? Hubungi dan daftar sekarang disini untuk memulai perjalananmu menjadi Full Stack Web Developer profesional. #BimbingSampeJadi!