Join dan Split ~ Pemrograman dan Teknologi

Join dan split adalah beberapa method yang digunakan untuk mengubah satu tipe data menjadi tipe data lainnya. Split bisa kita gunakan untuk memotong array menjadi beberapa bagian berdasarkan "pembatas" tertentu yang bisa berupa string atau regexp. Join bisa digunakan untuk menggabungkan beberapa string dalam array menjadi satu string. Sebenarnya, kita juga bisa menggunakan perulangan dan operator concatenation (+) untuk menggabungkan isi array menjadi satu string, tapi join bisa membuat penggabungan string menjadi lebih praktis.

Contoh :

<HTML>
<HEAD>
    <TITLE>Belajar HTML</TITLE>
</HEAD>
<BODY>
    <Script>
        var s='cobalah ini';
        a=s.split(" ");
        for(x in a){
            document.write(a[x]+"<br>");
        }
    </Script>
</BODY>
</HTML>

Coba bandingkan dengan kode program di bawah ini!

<HTML>
<HEAD>
    <TITLE>Belajar HTML</TITLE>
</HEAD>
<BODY>
    <Script>
        var s='cobalah ini';
        a=s.split(" ");
        s=a.join("<br>");
        document.write(s);
    </Script>
</BODY>
</HTML>

Hasil dua kode HTML di atas "hampir" sama, walaupun scriptnya berbeda. Script pada contoh pertama maupun kedua menggunakan tag <br /> untuk memisahkan string yang dihasilkan split. Sebenarnya, ada sedikit perbedaan yang tak terlihat dari script pertama dan kedua. Pada script pertama, tag <br> hanya ditambahkan sekali. Sedangkan, pada script kedua, tag <br> hanya ditambahkan sekali. Untuk melihat perbedaan penggabungan dengan join dan perulangan, perhatikan hasil dari script dalam kode HTML berikut ini!

<HTML>
<HEAD>
    <TITLE>Belajar HTML</TITLE>
</HEAD>
<BODY>
    <Script>
        var s='cobalah ini';
        a=s.split(" ");
        s=a.join;
        for(x in a){
        document.write(a[x]+"+");
    }
    document.write("<br />");
    s=a.join("+");
    document.write(s);
    </Script>
</BODY>
</HTML>

Baris pertama menggunakan perulangan sehingga tanda plus (+) muncul dua kali. Sedangkan baris kedua yang menggunakan join hanya menampilkan satu tanda plus (+) sebagai penghubung dari substring hasil dari split.

Jika ingin menggunakan perulangan dengan hasil yang sama dengan saat mengunakan join, kalian akan membutuhkan percabangan dan method length. Itu akan membuat script jadi lebih panjang. Jadi sebaiknya gunakan join untuk menggabungkan array yang ada di dalam string.

Selain menggunakan string, pembatas dari split juga bisa berupa regexp. Misalnya, jika kita ingin memotong dengan menggunakan huruf vokal sehingga potongan stringnya akan berupa konsonan dan karakter selain huruf vokal, kita bisa menggunakan regexp seperti contoh di bawah ini.

<HTML>
<HEAD>
    <TITLE>Belajar HTML</TITLE>
</HEAD>
<BODY>
    <Script>
        var s='cobalah ini';
        a=s.split(/[aiueo]/);
    b=s.split(/[^aiueo]/);
    s=a.join();
    document.write(s+"<br>");
    s=b.join();
    document.write(s);
    </Script>
</BODY>
</HTML>

Selanjutnya, selamat belajar dan mencoba!!!