javascript (array dan interaksi dengan objek) · var kalimat =“saya mau makan”; var dicari =...

22
JavaScript JavaScript (Array (Array dan dan Interaksi Interaksi Dengan Dengan Objek Objek ) ) Oleh Oleh : : Devie Rosa Devie Rosa Anamisa Anamisa

Upload: duongxuyen

Post on 19-Mar-2019

239 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

JavaScriptJavaScript(Array (Array dandan InteraksiInteraksi

DenganDengan ObjekObjek))

OlehOleh ::Devie Rosa Devie Rosa AnamisaAnamisa

Page 2: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

PembahasanPembahasan

PengertianPengertian ArrayArrayPropertiProperti DalamDalam ArrayArrayMetodeMetode DalamDalam ArrayArrayArray 2 Array 2 dimensidimensiArray 3 Array 3 dimensidimensiObjekObjek checkboxcheckbox

Page 3: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

PengertianPengertian ArrayArrayArray Array adalahadalah wadahwadah yang yang dapatdapat menyimpanmenyimpansejumlahsejumlah nilainilai..DeklarasiDeklarasi Array:Array:

NamaArrayNamaArray = new Array = new Array (elemen_1,elemen_2,....,(elemen_1,elemen_2,....,elemen_Nelemen_N); ); contohcontoh::varvar kotakota = new Array (“= new Array (“medanmedan”, “”, “jakartajakarta”);”);namaArraynamaArray = [elemen_1,.....,= [elemen_1,.....,elemen_Nelemen_N););contohcontoh ::varvar kotakota = new array (2);= new array (2);kota[0] = “kota[0] = “MedanMedan”;”;kota[1] =“kota[1] =“jakartajakarta”;”;

Page 4: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

ContohContoh

Page 5: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

PropertiProperti DalamDalam ArrayArray

AdaAda beberapabeberapa propertiproperti dalamdalam array :array :Index : Index : berisikanberisikan indeksindeks yang yang menyatakanmenyatakanposisiposisi string yang string yang cocokcocok dengandengan polapola ekspresiekspresiregulerreguler..Input : Input : menyatakanmenyatakan string string asliasli yang yang cocokcocokdengandengan ekspresiekspresi regulerregulerLength : Length : meyatakanmeyatakan jumlahjumlah elemenelemen arrayarrayPrototype : Prototype : bergunaberguna untukuntuk menciptakanmenciptakanpropertiproperti yang yang berlakuberlaku untukuntuk seluruhseluruh objekobjekArray Array dalamdalam sebuahsebuah skripskrip

Page 6: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

PropertiProperti indexindexPropertiProperti index index menyatakanmenyatakan posisiposisi string yang string yang cocokcocokdengandengan polapola ekspresiekspresi regulerreguler..ContohContoh ::varvar kalimatkalimat =“=“sayasaya maumau makanmakan”;”;varvar dicaridicari = /= /maumau/;/;varvar cocokcocok = = dicari.exec(kalimatdicari.exec(kalimat););document.write(“katadocument.write(“kata yang yang dicocokkandicocokkan adalahadalah: “+: “+cocokcocok););if(cocokif(cocok !=null)!=null)

document.write(“indexdocument.write(“index keke-- “+“+cocok.indexcocok.index););HasilnyaHasilnya ::

katakata yang yang dicocokkandicocokkan adalahadalah: : maumauIndex keIndex ke--55

Page 7: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

ContohContoh

HasilHasil eksekusieksekusi ::kalimatkalimat: Ku : Ku maumau makanmakan baksobaksokatakata yang yang dicocokkandicocokkan: : maumauindex keindex ke--3 3

Page 8: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

PropertiProperti inputinputInput Input menyatakanmenyatakan string string asliasli yang yang cocokcocok dnegandnegan ekspresiekspresiregulerreguler..ContohContoh::varvar kalimatkalimat = "Ku = "Ku maumau makanmakan baksobakso";";varvar dicaridicari = /= /maumau/;/;varvar cocokcocok = = dicari.exec(kalimatdicari.exec(kalimat););document.write("katadocument.write("kata yang yang dicocokkandicocokkan: "+: "+cocokcocok+"<BR>");+"<BR>");document.write("Daridocument.write("Dari input input kalimatkalimat: "+: "+cocok.inputcocok.input+"<BR>");+"<BR>");HasilHasil ::

katakata yang yang dicocokkandicocokkan: : maumauDari input Dari input kalimatkalimat: Ku : Ku maumau makanmakan baksobakso

Page 9: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

contohcontoh

Page 10: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

PropertiProperti prototipeprototipePrototipePrototipe digunakandigunakan untukuntuk membuatmembuat propertiproperti untukuntuk seluruhseluruh objekobjek array array dalamdalamsebuahsebuah skripskrip..ContohContoh ::function function tampilElemenArraytampilElemenArray(){(){

for(varfor(var i=0; i< i=0; i< this.lengththis.length; i++){; i++){document.write("["+idocument.write("["+i+"] = "++"] = "+this[ithis[i]+"<Br>");]+"<Br>");

}}}}Array.prototype.cetakArray.prototype.cetak = = tampilElemenArraytampilElemenArray;;varvar kotakota = new = new Array("medan","jakartaArray("medan","jakarta");");varvar tanamantanaman = new = new Array("Mawar","MelatiArray("Mawar","Melati");");document.write("Kotadocument.write("Kota--Kota:<Br>");Kota:<Br>");kota.cetakkota.cetak();();document.write("Tanamandocument.write("Tanaman:<Br>");:<Br>");tanaman.cetaktanaman.cetak();();HasilHasil EksekusiEksekusi ::KotaKota--Kota:Kota:[0] = [0] = medanmedan[1] = [1] = jakartajakartaTanamanTanaman::[0] = [0] = MawarMawar[1] = [1] = MelatiMelati

Page 11: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

ContohContoh::

Page 12: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

MetodeMetode DalamDalam ArrayArray

ObjekObjek array array mengandungmengandung beberapabeberapametodemetode, , diantaranyadiantaranya::

toStringtoString : : menghasilkanmenghasilkan string yang string yang tersusuntersusunatasatas elemenelemen--elemenelemen array array dengandengan pemisahpemisahberupaberupa komakoma. .

KegunaannyaKegunaannya : : mengubahmengubah sebarangsebarang tipetipe nilainilaielemenelemen menjadimenjadi teksteks (string).(string).

Sort : Sort : mengurutkanmengurutkan data.data.

Page 13: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

MetodeMetode toStringtoString

UntukUntuk menghasilkanmenghasilkan string yang string yang tersusuntersusunatasatas elemenelemen--elemenelemen array array dengandenganpemisahpemisah berupaberupa komakoma..Syntax:Syntax:namaArray.toStringnamaArray.toString()()ContohContoh ::varvar angkaangka = new Array(1984,11,04,2008,12,2003);= new Array(1984,11,04,2008,12,2003);document.write("Hasildocument.write("Hasil toStringtoString: "+: "+angka.toStringangka.toString());());

Page 14: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

MetodeMetode sort()sort()UntukUntuk melakukanmelakukan pengurutanpengurutan data.data.Syntax :Syntax :namaArray.sortnamaArray.sort()()ContohContoh ::

HasilHasil EksekusiEksekusi::AsliAsli: 1984,11,14,2008,12,2003: 1984,11,14,2008,12,2003HasilHasil ascending: 11,12,14,1984,2003,2008ascending: 11,12,14,1984,2003,2008

HasilHasil descending: 2008,2003,1984,14,12,11descending: 2008,2003,1984,14,12,11

Page 15: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

Array 2 Array 2 DimensiDimensi

DapatDapat dibentukdibentuk dengandengan membentukmembentuk duadua buahbuaharray array dandan salahsalah satusatu array array diberikandiberikan sebagaisebagaielemenelemen daridari array yang lain.array yang lain.ContohContoh ::

Page 16: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

ContohContoh

Page 17: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

Array 3 Array 3 DimensiDimensi

DapatDapat dibentukdibentuk dengandengan membentukmembentuk tigatiga buahbuaharray array dandan array 2 array 2 dimensidimensi diberikandiberikan sebagaisebagaielemenelemen daridari array yang lain.array yang lain.ContohContoh ::

B[0][0][0] = AB[0][0][0] = AB[0][0][1] = BB[0][0][1] = BB[0][1][0] = CB[0][1][0] = C

x y zx y z

Page 18: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

ContohContoh

Page 19: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

ObjekObjek Check BoxCheck Box

Check box Check box bergunaberguna untukuntuk melakukanmelakukanpilihanpilihan yang yang kemungkinannyakemungkinannya hanyahanya adaadaduadua yaituyaitu pilihpilih atauatau tidaktidak..Syntax :Syntax :<input type = “checkbox” name = <input type = “checkbox” name = ““namakotakceknamakotakcek” value = “” value = “nilainilai kalokalodicentangdicentang” checked ” checked onclickonclick = = ““penangankejadianpenangankejadian”>”>

Page 20: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

ContohContoh

Page 21: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

HasilHasil ::

Page 22: JavaScript (Array dan Interaksi Dengan Objek) · var kalimat =“saya mau makan”; var dicari = /mau/; var cocok = dicari.exec(kalimat); document.write(“kata yang dicocokkan adalah:

DaftarDaftar PustakaPustaka

Chris Bates [2006]. Chris Bates [2006]. Web Programming: Web Programming: Building Internet ApplicationsBuilding Internet Applications, Third Edition, , Third Edition, John Wiley & Sons Ltd, England. John Wiley & Sons Ltd, England. HusniHusni [2007]. [2007]. PemrogramanPemrograman Database Database BerbasisBerbasis WebWeb, , GrahaGraha IlmuIlmu, , YogyakartaYogyakarta..SebestaSebesta, R.W. [2002], , R.W. [2002], Programming the Programming the World Wide WebWorld Wide Web, Addison Wesley., Addison Wesley.