Manipulasi String Dalam Javascript Show
Manipulasi String Dalam Javascript – Selamat datang kembali ke tutorial javascript dasar bagian 12 di www. malas. com. pada artikel ini kita akan belajar tentang manipulasi string dalam javascript. Saya yakin beberapa teman bertanya dalam hati, manipulasi seperti apa yang dimaksud di sini? Manipulasi String Dalam JavascriptJavascript sudah menyediakan beberapa fungsi yang bisa kita gunakan untuk memanipulasi string. adapun beberapa fungsi javascript yang bisa kita gunakan untuk memanipulasi string adalah indexOf(), lastindexOf(), search(), slice(), substring(), substr(), replace(), toUpperCase(), toLowerCase(), concat ( ), belah() dan lain-lain Contoh Manipulasi String Dengan JavascriptBerikut adalah beberapa fungsi javascript untuk memanipulasi string beserta penjelasan dan kegunaannya Nama Fungsi Panjang Penggunaan Menghitung jumlah karakter dalam stringindexOf() Menemukan lokasi string dalam string (dalam urutan apa) LastindexOf() Menemukan lokasi string dalam string (dalam urutan apa). dihitung dari endsearch() Mencari string di stringslice() Menampilkan string dari karakter pertama ke karakter kedua substring() Menampilkan string dari karakter kedua ke karakter kedua (sama dengan slice()) substr() Menampilkan string dari karakter kedua berapa banyak menjadi berapa banyak (sama seperti slice())ganti()Mengganti stringtoUpperCase()Mengubah string menjadi huruf besar alltoLowerCase()Mengubah string menjadi huruf kecil allconcat()Menggabungkan stringssplit()Mengubah string menjadi array
Agar tidak bingung, saya sertakan juga contoh penggunaan dan penulisan masing-masing fungsi tersebut di atas. Manipulasi String Dalam Javascript Menghitung jumlah karakter dalam string dengan panjangBerikut adalah contoh cara menghitung jumlah karakter dalam sebuah string menggunakan javascript 1 2 3 4 5 6 7 8 <h2>www. malas Goding. com< / h2>
<p id = "contoh">< / p>
var kalimat = "Saya belajar javascript di www. malas. com" ; dokumen. getElementById ( "contoh" ). innerHTML = kalimat. panjang ; disini kita buat variabel 'kalimat' yang menyimpan string "Saya belajar javascript di www. malas. com”. kemudian kita menghitung jumlah karakter dari string dengan panjang 1 dokumen. getElementById ( "contoh" ). innerHTML = kalimat. panjang ; dan hasilnya Lihat Pena menggunakan panjang dalam javascript oleh Malas Ngoding (@malasngoding) di CodePen. 0 Temukan lokasi string yang Anda cari dengan indexOf() dan LastindexOf()Untuk mengetahui letak string yang kita cari, kita bisa menggunakan fungsi yang disediakan oleh javascript. yaitu indexOf() atau LastindexOf() jika Anda ingin menghitung urutan dari akhir contoh 1 2 3 4 5 6 7 8 9 10 11 <h2>www. malas Goding. com< / h2>
<p id = "contoh">< / p>
var kalimat = "Selamat datang di tutorial string javascript" ; var temukan = kalimat.indexOf ( "tutorial" ); dokumen. getElementById ( "contoh" ). innerHTML = temukan ;
silahkan sobat tes juga dengan merubah indexOf menjadi LastindexOf. karena cara penulisannya sama Lihat Pena Menemukan posisi string dengan indexOf() dan LastindexOf() oleh Malas Ngoding (@malasngoding) di CodePen. 0 Mencari string dengan search()Manipulasi String Dalam Javascript. Cara mencari string dalam string kita bisa menggunakan fungsi search(). Misalnya 1 2 3 4 5 6 7 8 9 <h2>www. malas Goding. com< / h2>
<p id = "contoh">< / p>
var kalimat = "belajar javascript di www. malas. com" ; var temukan = kalimat.telusuri ( "javascript" ); dokumen. getElementById ( "contoh" ). innerHTML = temukan ; Lihat string pencarian Pen dalam string dengan search() javascript oleh Malas Ngoding (@malasngoding) di CodePen. 0 Filter string dengan slice()ada 2 parameter yang harus diisi pada fungsi slice(). isian pertama dari urutan ke berapa banyak filter dimulai. dan parameter kedua hingga urutan batas filter 1 slice ( mulai , batas akhir ) Misalnya 1 2 3 4 5 6 7 8 9 <h2>www. malas Goding. com< / h2>
<p id = "contoh">< / p>
var kalimat = "belajar javascript di www. malas. com" ; var filter = kalimat.irisan ( 22 , 42 ); dokumen. getElementById ( "contoh" ). innerHTML = filter ; dan hasilnya adalah “www. malas. com”. karena kami memerintahkan untuk menampilkan karakter ke-22 hingga ke-42. seperti yang dapat kita lihat pada contoh di atas 1 kalimat. irisan ( 22 , 42 ) Lihat Pena menggunakan javascript slice() oleh Malas Ngoding (@malasngoding) di CodePen. 0 penggunaan substring() dan substr() juga sama. sobat bisa mencobanya sendiri. Manipulasi String Dalam Javascript Ganti string dengan replace()Cara menggunakan fungsi replace() pada javascript untuk mengganti suatu string adalah sebagai berikut 1 ganti ( 'yang ingin Anda ganti' , 'ganti' ) jadi pada parameter pertama, kita masukkan misalnya kata yang ingin kita ganti. dan pada parameter kedua kita masukkan kata penggantinya 1 2 3 4 5 6 7 8 9 <h2>www. malas Goding. com< / h2>
<p id = "contoh">< / p>
var kalimat = "belajar javascript di www. malas. com" ; var ganti = kalimat. ganti ( 'javascript' , 'pemrograman' ); dokumen. getElementById ( "contoh" ). innerHTML = ganti ; Jadi variabel konten kalimat sebelumnya adalah "belajar javascript di www. malas. com", kemudian diubah menjadi "belajar pemrograman di www. malas. com” karena disini kita mengubah kata 'javascript' menjadi 'pemrograman' dengan menggunakan fungsi replace pada javascript Lihat Pena mengganti string dengan javascript oleh Malas Ngoding (@malasngoding) di CodePen. 0 Huruf kecil dengan toUpperCase() dan toLowerCase()Jika kita ingin mengubah isi string dengan huruf besar semua atau huruf kecil semua. kita dapat mengandalkan dua fungsi ini. yaitu toUpperCase() untuk mengubah string menjadi huruf besar atau kapital. dan toLowerCase() berguna untuk mengubah string menjadi huruf kecil semua. Manipulasi String Dalam Javascript 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <h2>www. malas Goding. com< / h2>
<p id = "besar">< / p> <p id = "kecil">< / p>
var kalimat = "Pelajari JAVASCRIPT di www. malas. com" ; // ubah ke huruf besar var a = kalimat.toUpperCase ();
// ubah ke huruf kecil var b = kalimat.toLowerCase ();
dokumen. getElementById ( "besar" ). innerHTML = a ; dokumen. getElementById ( "kecil" ). innerHTML = b ; Lihat Pen Lower case dengan toLowerCase() dan toUpperCase() Javascript oleh Malas Ngoding (@malasngoding) di CodePen. 0 Menggabungkan string dengan concat()Misal kita akan mencoba menggabungkan 2 string. sebagai pengganti "+" sebagai tanda penggabungan string 1 2 3 4 5 6 7 8 9 10 11 12 <h2>www. malas Goding. com< / h2>
<p id = "contoh">< / p>
var a = "diki alfarabi" ; var b = "hadi" ;
// gabungkan string var gabung = a.concat ( " " , b ); dokumen. getElementById ( "contoh" ). innerHTML = gabungkan ; pada contoh concat() javascript ini kita buat variabel a yang berisi "diki alfarabi". dan variabel b berisi "hadi". sebenarnya saat ditampilkan bisa dilakukan dengan cara a+" "+b. namun dengan javascript bisa lebih mudah yaitu dengan menggunakan fungsi concat. hasilnya akan menjadi "diki alfarabi hadi" Lihat Pena menggabungkan string dengan concat() oleh Malas Ngoding (@malasngoding) di CodePen. 0 Konversikan string ke array dengan split()direkomendasikan kepada teman-teman yang belum belajar tentang array untuk membaca tutorial www. dewa malas. com sebelumnya tentang tutorial javascript array. agar lebih mudah memahami fungsi split ini. karena disini kita akan sedikit bermain dengan array di javascript 1 2 3 4 5 6 7 8 9 10 11 <h2>www. malas Goding. com< / h2>
<p id = "contoh">< / p>
var huruf = "a,b,c " ;
// string menjadi array var konversi = huruf.pisah ( "," ); dokumen. getElementById ( "contoh" ). innerHTML = konversi [ 0 ]; Dalam contoh ini, kita membuat sebuah variabel bernama huruf. dan berisi 'a,b,c'. lalu kami membagi string ini menjadi array dengan split(). dan atur tanda ',' sebagai pemisah 1 var konversi = huruf. pisah ( "," ); Nah, kemudian menjadi array yang disimpan dalam variabel konversi. dan menampilkan array urutan pertama 1 dokumen. getElementById ( "contoh" ). innerHTML = konversi [ 0 ]; Urutan pertama dalam larik (0) adalah huruf a. lalu hasilnya Lihat Pen convert string to array with split() javascript oleh Malas Ngoding (@malasngoding) di CodePen. 0
Oke sekian tutorial manipulasi string di javascript. semoga bisa bermanfaat. Jika ada yang kurang dimengerti, teman-teman bisa meninggalkan komentar pada artikel ini Dan mari kita lanjutkan ke tutorial javascript selanjutnya. terima kasih Istilah pencarian masuk
Diki Alfarabi Hadi Penggemar koding. Seseorang yang suka mempelajari sesuatu yang baru. terutama tentang pemrograman web dan desain web. senang berbagi ilmu dan belajar dari orang lain
Tag. concat(), indexOf(), LastindexOf(), length, manipulasi string dengan javascript, Menampilkan string dari berapa karakter sampai berapa, Menampilkan string dari berapa karakter sampai berapa ( sama sebagai slice()), Mencari string dalam string, Menemukan lokasi string dalam string (dalam urutan apa), Menemukan lokasi string dalam string (dalam urutan apa). dihitung dari akhir, Menggabungkan 2 string atau lebih, Menggabungkan 2 atau lebih string menjadi 1, Mengganti string, Menghitung jumlah karakter dalam string, Mengubah string menjadi array, Mengubah string menjadi huruf besar semua, Mengubah string menjadi semua huruf kecil, menjadi 1, replace(), search(), slice(), split(), substr(), substring(), toLowerCase(), toUpperCase() Tutorial Javascript Dasar
Produk
Tutorial Terbaru
Toko kamiSOSIALNgoding malas TUTORIAL MENARIK LAINNYAMembuat Jam Analog dan Digital Dengan Javascript Membuat Jam Analog dan Digital Dengan Javascript – Seperti yang sudah kita pelajari dan jelaskan sebelumnya pada tutorial Diki Alfarabi Hadi Membuat Format Rupiah Dengan Javascript Membuat Format Rupiah Dengan Javascript Seperti yang telah kita ketahui javascript sangat besar kegunaannya dalam pembangunan sebuah website atau aplikasi. Diki Alfarabi Hadi Membuat Grafik Dengan Charts. js - Grafik adalah elemen atau fitur yang paling menambah nilai jual aplikasi. dengan fitur yang menampilkan data di Diki Alfarabi Hadi
|