Seperti judulnya kita akan bermain sedikit tentang array dalam jquery, jadi kita bisa sedikit bermain tentang jquery, supaya teman-teman paham ya, saya juga, oke bermain disini cukup simple ko, saya akan menampilkan array pertama sebelum kita apa-apakan lalu, nantinya kita akan coba lagi merubah arraynya menjadi string, dan kita akan coba memotongnya, oke jangan kemana-mana sesaat lagi kita akan bermain sedikit array dengan mengkonversi array numerik menjadi string, simak terus ya.
Oke bahan-bahan atau method yang saya butuhkan untuk bermain sedikit array dengan mengkonversi array numerik menjadi string, adalah method join, text, substr, cukup simple ko teman-teman, saya saya akan membutuhkan beberapa angka, lalu angka tersebutlah yang akan kita mainkan, oke arraynya seperti ini ya:
|
1 |
var Angkanya = [45, 10, 3, 22, 7, 22, 12, 43, 21, 45, 2, 13, 545, 31]; |
perhatikan ya, saya masukan ke sebuah variabel angka ya, pasti sudah tidak asing lagi bukan dengan array seperti ini, dan tentu isi array itu adalah sebuah numerik ya, oke langsung saja ya, kita masuk permainannya, silahkan teman-teman perhatikan struktur HTML berikut ini:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<html> <head> <title>Bermain Sedikit dengan Array dengan Mengkonversi Array Numerik Menjadi String</title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"> </script> <script type="text/javascript"> $(document).ready(function() { var Angkanya = [45, 10, 3, 22, 7, 22, 12, 43, 21, 45, 2, 13, 545, 31]; $('p.array_awal').html(Angkanya.join("<br/>")); var str = Angkanya.join(""); $('p.array_string').text(str); var substr = str.substr(0,3); $('p.potongan_string').text(substr); }); </script> </head> <body> <h3>Array awal Sebelum kita apa-apakan masih orisinil seperti berikut</h3> <p class="array_awal"></p> <h3>Sekarang Arraynya kita format kedalam string sebagai berikut</h3> <p class="array_string"></p> <h3>Sekarang kita coba memotong atau mengambil sebagian array dengan Substring Sebagai berikut</h3> <p class="potongan_string"></p> </body> </html> |
bagaimana apakah ada yang bingung, coba teman-teman perhatikan lagi ada method join(), substr() lalu hasilnya seperti apa ?
bisa dilihat ya, sudah terbagi, bagi, array angka tadi sudah kita ubah menjadi string yang panjang seperti kreta api, dan yang terakhir coba teman-teman perhatikan saya memotong 3 bagian saja di depan ya, pasti teman-teman sering lah ya menggunakan ini, oke saya rasa cukup menarik ya untuk di coba, dan saya harap teman-teman paham, semoga bermanfaat bermain sedikit array dengan mengkonversi array numerik menjadi string, sampai jumpa pada artikel selanjutnya terimakasih.