Add Space Between Characters In String Javascript

MUAZHAN

5 min read

·

Jun 22, 2024

49

Share

Cara Menambahkan Spasi Antar Karakter dalam String JavaScript

Dalam pemrograman JavaScript, seringkali kita perlu memanipulasi string untuk memenuhi kebutuhan tertentu. Salah satunya adalah menambahkan spasi antar karakter dalam string. Artikel ini akan membahas beberapa cara untuk mencapai hal tersebut.

1. Menggunakan Loop dan Konkatenasikan String

Cara ini mungkin terlihat sederhana, tetapi dapat diimplementasikan dengan mudah.

function addSpaces(str) {
  let result = '';
  for (let i = 0; i < str.length; i++) {
    result += str[i] + ' '; 
  }
  return result.trim(); 
}

let myString = "HelloWorld";
let spacedString = addSpaces(myString);
console.log(spacedString); // Output: "H e l l o  W o r l d"

Penjelasan:

• Fungsi addSpaces menerima parameter str yang merupakan string input.
• Loop for iterasi melalui setiap karakter dalam string.
• Pada setiap iterasi, karakter ditambahkan ke result diikuti dengan spasi.
• Fungsi trim() digunakan untuk menghapus spasi tambahan di akhir string.

2. Menggunakan split dan join

Metode ini menggunakan fungsi bawaan JavaScript untuk memanipulasi string dengan lebih efisien.

function addSpaces(str) {
  return str.split('').join(' ');
}

let myString = "HelloWorld";
let spacedString = addSpaces(myString);
console.log(spacedString); // Output: "H e l l o  W o r l d"

Penjelasan:

• Fungsi split('') memecah string menjadi array karakter.
• Fungsi join(' ') menggabungkan kembali array karakter dengan spasi di antara setiap karakter.

3. Menggunakan Regex

Regex atau ekspresi reguler dapat digunakan untuk mencari dan mengganti pola dalam string.

function addSpaces(str) {
  return str.replace(/./g, '${content} '); 
}

let myString = "HelloWorld";
let spacedString = addSpaces(myString);
console.log(spacedString); // Output: "H e l l o  W o r l d"

Penjelasan:

• ./g adalah ekspresi reguler yang mencocokkan setiap karakter dalam string.
• ${content}amp; adalah placeholder yang mereferensikan karakter yang cocok.
• Fungsi replace() mengganti setiap karakter dengan karakter itu sendiri diikuti dengan spasi.

4. Menggunakan map dan join

Metode ini memungkinkan kita untuk melakukan iterasi pada setiap karakter dalam string dan menambahkan spasi pada setiap karakter.

function addSpaces(str) {
  return str.split('').map(char => char + ' ').join(''); 
}

let myString = "HelloWorld";
let spacedString = addSpaces(myString);
console.log(spacedString); // Output: "H e l l o  W o r l d"

Penjelasan:

• Fungsi split('') memecah string menjadi array karakter.
• Fungsi map iterasi melalui setiap karakter dan menambahkan spasi pada setiap karakter.
• Fungsi join('') menggabungkan kembali array karakter tanpa spasi di antara setiap karakter.

5. Menggunakan Function Recursive

Metode ini menggunakan fungsi rekursif untuk menambahkan spasi antar karakter dalam string.

function addSpaces(str) {
  if (str.length === 0) {
    return '';
  }
  return str[0] + ' ' + addSpaces(str.slice(1)); 
}

let myString = "HelloWorld";
let spacedString = addSpaces(myString);
console.log(spacedString); // Output: "H e l l o  W o r l d"

Penjelasan:

• Fungsi addSpaces menerima parameter str yang merupakan string input.
• Kondisi if memeriksa apakah panjang string adalah 0. Jika ya, fungsi mengembalikan string kosong.
• Jika tidak, fungsi mengambil karakter pertama dari string dan menambahkannya ke string yang dihasilkan, diikuti dengan spasi dan hasil pemanggilan fungsi rekursif pada sisa string.

Kesimpulan:

Ada banyak cara untuk menambahkan spasi antar karakter dalam string JavaScript. Anda dapat memilih metode yang paling sesuai dengan kebutuhan dan preferensi Anda.