Cara menggunakan html convert to string

• By Diki Alfarabi Hadi
• 30 April 2017
• JavaScript

Manipulasi String Pada Javascript – Selamat datang kembali di tutorial javascript dasar bagian 12 di www.malasngoding.com. pada artikel kali ini kita akan belajar tentang manipulasi string pada javascript. pasti teman-teman ada yang bertanya di dalam hati, manipulasi seperti apa yang di maksudkan di sini ? maksud dari manipulasi string pada javascript ini adalah pengolahan tipe data string yang bisa di lakukan dengan javascript.

Manipulasi String Pada Javascript

Javascript sudah menyediakan beberapa function yang dapat kita gunakan untuk memanipulasi string. adapun beberapa function javascript yang bisa kita gunakan untuk memanipulasi string adalah indexOf(), lastindexOf(), search(), slice(), substring(), substr(), replace(), toUpperCase(), toLowerCase(), concat(), split() dan lainnya.

Contoh Manipulasi String Dengan Javascript

Berikut ini beberapa function javascript untuk memanipulasi string dengan penjelasan dan kegunaannya masing-masing.

Supaya tidak bingung, berikut saya sertakan juga contoh penggunaan dan penulisan dari masing-masing fungsi yang sudah di sebutkan di atas. Manipulasi String Pada Javascript

Menghitung jumlah karakter pada string dengan length

Berikut adalah contoh cara menghitung jumlah karakter pada sebuah string dengan menggunakan javascript.

1

2

3

4

5

6

7

8

<h2>www.malasngoding.com</h2>

<p id="contoh"></p>

<script>

var kalimat = "saya belajar javascript di www.malasngoding.com";

document.getElementById("contoh").innerHTML = kalimat.length;

</script>

di sini kita buat sebuah variabel ‘kalimat’ yang menyimpan sebuah string “saya belajar javascript di www.malasngoding.com”. lalu kita hitung jumlah karakter dari string tersebut dengan length.

1

document.getElementById("contoh").innerHTML = kalimat.length;

dan hasilnya :

See the Pen penggunaan length pada javascript by Malas Ngoding (@malasngoding) on CodePen.0

Menemukan letak string yang di cari dengan indexOf() dan LastindexOf()

Untuk menemukan letak dari string yang di cari, kita bisa menggunakan fungsi yang sudah di sediakan oleh javascript. yaitu indexOf() atau LastindexOf() jika ingin menghitung urutannya dari akhir.

contoh :

1

2

3

4

5

6

7

8

9

10

11

<h2>www.malasngoding.com</h2>

<p id="contoh"></p>

<script>

    var kalimat = "Selamat datang di tutorial string javascript";

    var temukan = kalimat.indexOf("tutorial");

    document.getElementById("contoh").innerHTML = temukan;

</script>

silahkan teman-teman tes juga dengan mengganti indexOf menjadi LastindexOf. karena cara penulisannya sama saja.

See the Pen Menemukan letak string dengan indexOf() dan LastindexOf() by Malas Ngoding (@malasngoding) on CodePen.0

Mencari string dengan search()

Manipulasi String Pada Javascript. Cara mencari string di dalam string kita bisa menggunakan fungsi search(). contohnya:

1

2

3

4

5

6

7

8

9

<h2>www.malasngoding.com</h2>

<p id="contoh"></p>

<script>

    var kalimat = "belajar javascript di www.malasngoding.com";

    var cari = kalimat.search("javascript");

    document.getElementById("contoh").innerHTML = cari;

</script>

See the Pen mencari string dala string dengan search() javascript by Malas Ngoding (@malasngoding) on CodePen.0

Filter string dengan slice()

ada 2 parameter yang harus di isi pada fungsi slice(). yang pertama isikan dari urutan ke berapa filter di mulai. dan parameter kedua sampai urutan ke berapa batas filternya.

1

slice(mulai, batas akhir)

contonya

1

2

3

4

5

6

7

8

9

<h2>www.malasngoding.com</h2>

<p id="contoh"></p>

<script>

    var kalimat = "belajar javascript di www.malasngoding.com";  

    var filter = kalimat.slice(22, 42);

    document.getElementById("contoh").innerHTML = filter;

</script>

dan hasilnya adalah “www.malasngoding.com”. karena kita memerintahkan untuk menampilkan karakter ke 22 sampai 42. seperti yang dapat kita lihat pada contoh di atas.

1

kalimat.slice(22, 42)

See the Pen penggunaan slice() javascript by Malas Ngoding (@malasngoding) on CodePen.0

penggunaan substring() dan substr() juga sama. bisa teman-teman coba sendiri. Manipulasi String Pada Javascript

Mengganti string dengan replace()

cara pengguaan fungsi replace() pada javascript untuk mengganti string adalah sebagai berikut.

1

replace('yang ingin di ganti','ganti nya')

jadi pada parameter pertama, kita masukkan misalnya kata yang ingin kita ganti. dan pada parameter kedua nya kita masuk kan kata yang menjadi penggantinya.

1

2

3

4

5

6

7

8

9

<h2>www.malasngoding.com</h2>

<p id="contoh"></p>

<script>

    var kalimat = "belajar javascript di www.malasngoding.com";  

var ganti = kalimat.replace('javascript', 'pemrograman');

    document.getElementById("contoh").innerHTML = ganti;

</script>

Maka yang sebelumnya isi variabel kalimat adalah “belajar javascript di www.malasngoding.com”, maka berubah menjadi “belajar pemrograman di www.malasngoding.com”.

karena di sini kita mengubah kata ‘javascript‘ menjadi ‘pemrograman‘ dengan menggunakan fungsi replace di javascript.

See the Pen mengganti string dengan javascript by Malas Ngoding (@malasngoding) on CodePen.0

Huruf besar kecil dengan toUpperCase() dan toLowerCase()

Jika kita ingin mengubah isi string dengan huruf besar semua atau huruf kecil semua. kita bisa mengandalkan kedua fungsi ini. yaitu toUpperCase() untuk mengubah string menjadi huruf besar atau huruf kapital. dan toLowerCase() berguna untuk mengubah string menjadi huruf kecil semua. Manipulasi String Pada Javascript

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<h2>www.malasngoding.com</h2>

<p id="besar"></p>

<p id="kecil"></p>

<script>

    var kalimat = "Belajar JAVASCRIPT di www.malasngoding.com";  

   // mengubah ke huruf besar

   var a = kalimat.toUpperCase();

   // mengubah ke huruf kecil

   var b = kalimat.toLowerCase();

    document.getElementById("besar").innerHTML = a;

   document.getElementById("kecil").innerHTML = b;

</script>

See the Pen Huruf besar kecil dengan toLowerCase() dan toUpperCase() Javascript by Malas Ngoding (@malasngoding) on CodePen.0

Menggabungkan string dengan concat()

Untuk contoh kita akan mencoba menggabungkan 2 string. sebagai pengganti “+” sebagai tanda penggabung string.

1

2

3

4

5

6

7

8

9

10

11

12

<h2>www.malasngoding.com</h2>

<p id="contoh"></p>

<script>

    var a = "diki alfarabi";    

   var b = "hadi";  

   // menggabungkan string

   var gabung = a.concat(" ",b);  

    document.getElementById("contoh").innerHTML = gabung;

</script>

pada contoh penggunaan concat() javascript ini, kita membuat sebuah variabel a yang berisi “diki alfarabi”. dan variabel b berisi “hadi”. sebenarnya saat di tampilkan bisa saja dengan cara a+” “+b. tapi degan javascript bisa lebih mudah, yaitu menggunakan fungsi concat. yang hasilnya akan menjadi “diki alfarabi hadi”.

See the Pen menggabungkan string dengan concat() by Malas Ngoding (@malasngoding) on CodePen.0

Convert string ke array dengan split()

di rekomendasikan kepada teman-teman yang belum mempelajari tentang array untuk membaca tutorial www.malasgoding.com sebelumnya tentang tutorial array javascript. agar lebih mudah memahami fungsi split ini. karena di sini kita akan sedikit bermain dengan array pada javascript.

1

2

3

4

5

6

7

8

9

10

11

<h2>www.malasngoding.com</h2>

<p id="contoh"></p>

<script>

    var huruf = "a,b,c";    

   // string jadi array

    var convert = huruf.split(",");  

    document.getElementById("contoh").innerHTML = convert[0];

</script>

Pada contoh ini, kita membuat sebuah variabel bernama huruf. dan berisi ‘a,b,c’. kemudian kita pecahkan string ini menjadi array dengan split(). dan menetapkan tanda ‘,’ sebagai pemisah.

1

var convert = huruf.split(",");

nah, maka jadilah array yang tersimpan dalam variabel convert. dan menampilkan array urutan pertama

1

document.getElementById("contoh").innerHTML = convert[0];

urutan pertama pada array (0) adalah huruf a. maka hasilnya :

See the Pen convert string ke array dengan split() javascript by Malas Ngoding (@malasngoding) on CodePen.0

Oke sekian dulu tutorial tentang manipulasi string pada javascript. semoga dapat bermanfaat. jika ada yang kurang di mengerti, teman-teman bisa meninggalkan komentar pada artikel ini.

Dan mari kita lanjutkan pada tutorial javascript selanjutnya. terima kasih.

Incoming search terms:

• cara manipulasi string dalam java
• cara mengambil string jquery
• tipe string javascript
• cara mencari string di array
• belajar string javascript
• cara memisahkan string pada javascript
• Manipulasi string
• manipulasi string adalah
• cara memotong string di Javascript
• fungsi split javasript number

• SHARE :

Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.

• Author's profile
• All posts by Diki Alfarabi Hadi

Tags: concat(), indexOf(), LastindexOf(), length, manipulasi string dengan javascript, Menampilkan string dari karakter ke berapa sampai yang ke berapa, Menampilkan string dari karakter ke berapa sampai yang ke berapa (sama seperti slice()), Mencari string di dalam string, Menemukan letak string dalam sebuah string (di urutan ke berapa), Menemukan letak string dalam sebuah string (di urutan ke berapa). di hitung dari akhir, Menggabungkan 2 string atau lebih, Menggabungkan 2 string atau lebih menjadi 1, Mengganti string, Menghitung jumlah karakter pada string, Mengubah string menjadi array, Mengubah string menjadi huruf besar semua, Mengubah string menjadi huruf kecil semua, menjadi 1, replace(), search(), slice(), split(), substr(), substring(), toLowerCase(), toUpperCase()

Membuat Jam Analog dan Digital Dengan Javascript

Membuat Jam Analog dan Digital Dengan Javascript Membuat Jam Analog dan Digital Dengan Javascript – Seperti yang sudah kita pelajari dan dijelaskan sebelumnya pada tutorial ...

Diki Alfarabi Hadi

Membuat Format Rupiah Dengan Javascript

Membuat Format Rupiah Dengan Javascript Membuat Format Rupiah Dengan Javascript, Seperti yang kita sudah ketahui, javascript memiliki kegunaan yang besar dalam pengembangan sebuah website atau aplikasi. ...

Diki Alfarabi Hadi

Membuat Grafik Dengan Chart.js

Membuat Grafik Dengan Chart.js – Grafik merupakan sebuah unsur atau fitur yang paling menambah nilai jual sebuah aplikasi. dengan adanya fitur yang menampilkan data dalam ...

Diki Alfarabi Hadi

Membuat Form Validasi dengan Javascript – Sebelumnya di www.malasngoding.com, saya sudah membuat tutorial cara membuat form validasi dengan PHP. dan juga sudah membuat form validasi ...