Cara menggunakan string split join javascript

Menggabungkan dan memisahkan string adalah hal yang cukup sering dilakukan dalam pemrograman. Jika pada bahasa pemrograman PHP terdapat fungsi join() dan explode(), pada C# juga terdapat fungsi yang serupa yaitu Join() dan Split().

Join()

Fungsi Join() merupakan salah satu static method yang terdapat pada class string. Join() digunakan untuk menggabungkan beberapa string atau array of string dengan menyelipkan separator di antara setiap string-nya.

Menggabungkan Variable String

Code di bawah ini adalah cara memisahkan sebuah data CSV (comma separated value) menjadi sebuah array of string:

Hallo sobat, melanjutkan tulisan Saya sebelumnya tentang Cara Menggunakan Explode dan Implode pada PHP, kali ini Saya ingin memberikan tutorial bagaimana cara menerapkan explode dan implode pada JavaScript. Perlu Anda ketahui bahwa di JavaScript fungsi explode dan implode ini tidak Ada, maksud dari tidak ada disini bukan berarti JavaScript tidak mempunyai fungsi sejenis ini, melainkan nama fungsi di JavaScript berbeda dengan PHP.

Untuk menerapkan explode pada JavaScript, Anda bisa menggunakan fungsi split();. Sedangkan untuk menerapkan implode pada JavaScript, Anda bisa menggunakan fungsi join();. Lalu bagaimana cara menggunakannya? tanpa panjang lebar lagi, Yuk mari baca dan simak tulisan ini sampai habis. Di jamin akan memberikan manfaat yang besar untuk menambah pengetahuan Anda. Oke, langsung saja ya.

Cara Explode dengan Fungsi split()

Pada fungsi ["Belajar", "Pemrograman", "di", "rachmat.ID"]0 terdapat 2 parameter yang bisa Anda gunakan yaitu separator dan limit. Berikut ini Syntax dari fungsi ["Belajar", "Pemrograman", "di", "rachmat.ID"]0:

["Belajar", "Pemrograman", "di", "rachmat.ID"]2

Penjelasan:

  1. separator, merupakan tanda pemisah dari suatu text atau kalimat yang ingin Anda ubah menjadi array. (Optional)
  2. limit, merupakan jumlah index array yang ingin Anda tampilkan. (Optional)

Berikut ini beberapa contoh script cara menggunakan ["Belajar", "Pemrograman", "di", "rachmat.ID"]0:

Contoh 1

<html> <head> <script type="text/javascript"> var string = "Belajar Pemrograman di rachmat.ID"; var explode = string.split(" "); console.log(explode); </script> </head> <body> </body> </html>

Bila dijalankan, script di atas akan menghasilkan Output sebagai berikut :

["Belajar", "Pemrograman", "di", "rachmat.ID"]

Contoh 2

<html> <head> <script type="text/javascript"> var string = "Belajar Pemrograman di rachmat.ID"; var explode = string.split(" ",2); console.log(explode); </script> </head> <body> </body> </html>

Bila dijalankan, script di atas akan menghasilkan Output sebagai berikut :

["Belajar", "Pemrograman"]

Cara Implode dengan Fungsi join()

Pada fungsi ["Belajar", "Pemrograman", "di", "rachmat.ID"]4 hanya terdapat 1 parameter yang bisa Anda gunakan yaitu separator. Berikut ini Syntax dari fungsi ["Belajar", "Pemrograman", "di", "rachmat.ID"]4:

["Belajar", "Pemrograman", "di", "rachmat.ID"]6

Penjelasan: parameter separator merupakan tanda pemisah yang digunakan untuk memisahkan setiap index array ketika array diubah menjadi sebuah text atau kalimat. (Optional)

Berikut ini beberapa contoh script cara menggunakan ["Belajar", "Pemrograman", "di", "rachmat.ID"]4:

Contoh 1

<html> <head> <script type="text/javascript"> var array = ["Banana", "Orange", "Apple", "Mango"]; var implode = array.join(" "); console.log(implode); </script> </head> <body> </body> </html>

Bila dijalankan, script di atas akan menghasilkan Output sebagai berikut :

Banana Orange Apple Mango

Contoh 2

<html> <head> <script type="text/javascript"> var array = ["Banana", "Orange", "Apple", "Mango"]; var implode = array.join("-"); console.log(implode); </script> </head> <body> </body> </html>

Bila dijalankan, script di atas akan menghasilkan Output sebagai berikut :

Banana-Orange-Apple-Mango

Demikian pembahasan tentang Cara Menggunakan Explode dan Implode pada JavaScript, semoga tulisan ini bisa memberikan manfaat untuk Anda yang membaca. Sampai jumpa di tulisan berikutnya. Terima Kasih

Membalikkan string adalah salah satu pertanyaan JavaScript yang paling sering ditanyakan pada saat wawancara teknikal. Pewawancara mungkin meminta Anda untuk menulis cara yang berbeda untuk membalikkan string, atau mereka mungkin meminta Anda untuk membalikkan string tanpa menggunakan metode bawaan, atau bahkan mereka mungkin meminta Anda untuk membalikkan string menggunakan rekursi.

Mungkin ada puluhan cara yang berbeda untuk melakukannya, tidak termasuk fungsi reverse bawaan, karena JavaScript tidak memilikinya.

Di bawah ini adalah tiga cara saya yang paling menarik untuk menyelesaikan persoalan membalikkan string dalam JavaScript.

Tantangan Algoritma

Anda mungkin perlu untuk mengubah string menjadi sebuah array sebelum membalikkannya.
Hasil Anda harus berupa string.
function reverseString(str) { return str; } reverseString("hello");

Test Cases berupa

  • reverseString(“hello”) harus menjadi “olleh”
  • reverseString(“Howdy”) harus menjadi “ydwoH”
  • reverseString(“Greetings from Earth”) harus mengembalikan ”htraE morf sgniteerG”

1. Membalik sebuah String dengan Fungsi Bawaan

Untuk solusi ini, kita akan menggunakan tiga metode: metode String.prototype.split(), metode Array.prototype.reverse() dan metode Array.prototype.join().

  • Metode split() memecah object String menjadi array string dengan memisahkan string menjadi sub-string.
  • Metode reverse() membalikkan array di tempatnya. Elemen array pertama menjadi yang terakhir dan yang terakhir menjadi yang pertama.
  • Metode join() menggabungkan semua elemen array menjadi string.
function reverseString(str) { // Step 1. Gunakan method split() untuk mengembalikan sebuah array baru var splitString = str.split(""); // var splitString = "hello".split(""); // ["h", "e", "l", "l", "o"] // Step 2. Gunakan method reverse() untuk membalikkan array yang baru saja dibuat var reverseArray = splitString.reverse(); // var reverseArray = ["h", "e", "l", "l", "o"].reverse(); // ["o", "l", "l", "e", "h"] // Step 3. Gunakan method join() untuk menggabungkan semua elemen dari array menjadi sebuah string var joinArray = reverseArray.join(""); // var joinArray = ["o", "l", "l", "e", "h"].join(""); // "olleh" //Step 4. Mengembalikan string yang sudah dibalik return joinArray; // "olleh" } reverseString("hello");

Menggabungkan ketiga method bersama:

function reverseString(str) { return str.split("").reverse().join(""); } reverseString("hello");

2. Membalikkan String Dengan Pengurangan For Loop

function reverseString(str) { // Step 1. Buat string kosong yang akan menampung string yang baru dibuat var newString = ""; // Step 2. Buat FOR loop /* Poin awal loop adalah (str.length - 1) yang sesuai dengan karakter terakhir dari string, "o" Selama i lebih besar dari atau sama dengan 0, loop akan terus berlanjut Kita mengurangi i setelah setiap iterasi */ for (var i = str.length - 1; i >= 0; i--) { newString += str[i]; // atau newString = newString + str[i]; } /* Di sini panjang hello sama dengan 5 Untuk setiap iterasi: i = str.length - 1 dan newString = newString + str[i] Iterasi pertama: i = 5 - 1 = 4, newString = "" + "o" = "o" Iterasi kedua: i = 4 - 1 = 3, newString = "o" + "l" = "ol" Iterasi ketiga: i = 3 - 1 = 2, newString = "ol" + "l" = "oll" Iterasi keempat: i = 2 - 1 = 1, newString = "oll" + "e" = "olle" Iterasi kelima: i = 1 - 1 = 0, newString = "olle" + "h" = "olleh" Akhir dari FOR Loop*/ // Step 3. Mengembalikan string yang sudah dibalik return newString; // "olleh" } reverseString('hello');

Tanpa komentar:

function reverseString(str) { var newString = ""; for (var i = str.length - 1; i >= 0; i--) { newString += str[i]; } return newString; } reverseString('hello');

3. Membalikkan String Dengan Rekursi

Untuk solusi ini, kita akan menggunakan dua metode: metode String.prototype.substr() dan metode String.prototype.charAt().

  • Metode substr() mengembalikan karakter pada string mulai dari lokasi yang ditentukan sampai pada jumlah karakter yang ditetapkan.
"hello".substr(1); // "ello"
  • Metode charAt() mengembalikan karakter yang ditentukan dari sebuah string.
"hello".charAt(0); // "h"

Kedalaman rekursi sama dengan panjang String. Solusi ini bukan yang terbaik dan akan menjadi sangat lambat jika String sangat panjang dan ukuran stack menjadi perhatian utama.

function reverseString(str) { if (str === "") // Ini adalah kasus terakhir yang akan mengakhiri rekursi return ""; else return reverseString(str.substr(1)) + str.charAt(0); /* Bagian Pertama dari metode rekursi Anda harus ingat bahwa Anda tidak hanya memiliki satu panggilan, Anda akan memiliki beberapa panggilan yang bersarang Setiap panggilan: str === "?" reverseString(str.subst(1)) + str.charAt(0) Panggilan ke-1 – reverseString("Hello") akan mengembalikan reverseString("ello") + "h" Panggilan ke-2 – reverseString("ello") akan mengembalikan reverseString("llo") + "e" Panggilan ke-3 – reverseString("llo") akan mengembalikan reverseString("lo") + "l" Panggilan ke-4 – reverseString("lo") akan mengembalikan reverseString("o") + "l" Panggilan ke-5 – reverseString("o") akan mengembalikan reverseString("") + "o" Bagian kedua dari metode rekursi Metode ini mencapai kondisi if dan panggilan yang paling dalam segera dikembalikan Panggilan ke-5 akan memngembalikan reverseString("") + "o" = "o" Panggilan ke-4 akan memngembalikan reverseString("o") + "l" = "o" + "l" Panggilan ke-3 akan memngembalikan reverseString("lo") + "l" = "o" + "l" + "l" Panggilan ke-2 akan memngembalikan reverserString("llo") + "e" = "o" + "l" + "l" + "e" Panggilan ke-1 akan memngembalikan reverserString("ello") + "h" = "o" + "l" + "l" + "e" + "h" */ } reverseString("hello");

Tanpa komentar:

function reverseString(str) { if (str === "") return ""; else return reverseString(str.substr(1)) + str.charAt(0); } reverseString("hello");

Operator Kondisional (Ternary):

function reverseString(str) { return (str === '') ? '' : reverseString(str.substr(1)) + str.charAt(0); } reverseString("hello");

Membalikkan String dalam JavaScript adalah sebuah algoritma sederhana yang dapat ditanyakan pada saat technical phone screening atau wawancara teknikal. Anda bisa mengambil jalan pintas dalam menyelesaikan masalah ini, atau mengambil pendekatan dengan menyelesaikannya dengan rekursi atau bahkan solusi yang lebih kompleks.

Jika Anda memiliki solusi sendiri atau saran, Bagikan di bawah ini di komentar.

Atau Anda dapat mengikuti Saya di Medium, Twitter, Github dan LinkedIn, tepat setelah Anda mengklik hati hijau di bawah ini; -)

Sumber daya

  • split() method — MDN
  • reverse() method — MDN
  • join() method — MDN
  • String.length — MDN
  • substr() method — MDN
  • charAt() method — MDN

ADVERTISEMENT

ADVERTISEMENT

ADVERTISEMENT

Author: Sonya Moisset (English)

🛡️ Doing Cybersecurity stuff || 🌟 GitHub Star || 💻 Epic Women in Cyber/Tech || 👩‍🎤 GirlCode Ambassador || 🥑 DevSecOps/Cloud Security Advocate

christine phandi
Translator: christine phandi

Read more posts.

If you read this far, tweet to the author to show them you care. Tweet a thanks

Learn to code for free. freeCodeCamp's open source curriculum has helped more than 40,000 people get jobs as developers. Get started

Postingan terbaru

LIHAT SEMUA