Panduan Lengkap Mengonversi String to Array JavaScript
Irhan Hisyam Dwi Nugroho
•
01 August 2025
•
1103
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.
Baca juga : Panduan Memilih Bootcamp Full Stack Developer yang Tepat
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".
Baca juga : 10 Text Editor Terbaik untuk Web Developer (2025)
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.
Baca juga : Ingin Belajar Front End Development? Cek Roadmapnya di sini!
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.
Baca juga : 12 Bahasa Pemrograman Front End Teratas & Terpopuler 2024
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.
Baca juga : Cara Menjadi Web Developer Freelance: Panduan Pemula
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!
Irhan Hisyam Dwi Nugroho
Irhan Hisyam Dwi Nugroho is an SEO Specialist and Content Writer with 4 years of experience in optimizing websites and writing relevant content for various brands and industries. Currently, I also work as a Content Writer at Dibimbing.id and actively share content about technology, SEO, and digital marketing through various platforms.
