Cara menggunakan split substring javascript

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 split() terdapat 2 parameter yang bisa Anda gunakan yaitu separator dan limit. Berikut ini Syntax dari fungsi split():

string.split(separator, limit);

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 split():

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 join() hanya terdapat 1 parameter yang bisa Anda gunakan yaitu separator. Berikut ini Syntax dari fungsi join():

array.join(separator);

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 join():

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

Examples

Split the words:

let text = "How are you doing today?";
const myArray = text.split(" ");

Try it Yourself »

Split the words, and return the second word:

let text = "How are you doing today?";
const myArray = text.split(" ");
let word = myArray[1];

Try it Yourself »

Split the characters, including spaces:

const myArray = text.split("");

Try it Yourself »

Use the limit parameter:

const myArray = text.split(" ", 3);

Try it Yourself »

More examples below.


Definition and Usage

The split() method splits a string into an array of substrings.

The split() method returns the new array.

The split() method does not change the original string.

If (" ") is used as separator, the string is split between words.


Syntax

string.split(separator, limit)

Parameters

Parameter Description
separator Optional.
A string or regular expression to use for splitting.
If omitted, an array with the original string is returned.
limit Optional.
An integer that limits the number of splits.
Items after the limit are excluded.

Return Value

Type Description
Array An array containing the splitted values.


More Examples

Split a string into characters and return the second character:

const myArray = text.split("");

Try it Yourself »

Use a letter as a separator:

const myArray = text.split("o");

Try it Yourself »

If the separator parameter is omitted, an array with the original string is returned:

const myArray = text.split();

Try it Yourself »


Browser Support

split() is an ECMAScript1 (ES1) feature.

ES1 (JavaScript 1997) is fully supported in all browsers:

Chrome IE Edge Firefox Safari Opera
Yes Yes Yes Yes Yes Yes