Tipe data dalam javascript

7/24/2019 Tipe data dalam javascript

1/74

Javascript Programming

Part 3

Indikator Pembelajaran:

1. Mahasiswa memahami dan dapat mengaplikasikan konstanta dan method (fungsi) Odalam Javascript

2. Mahasiswa mengenal tipe data dan method String serta dapat mengaplikasikan dal

3. Mahasiswa mengetahui dan memahami tipe data Boolean dalam javascript

4. Mahasiswa mengetahui dan memahami operator logika dalam javascript

5. Mahasiswa mengetahui dan memahami tipe data Array beserta methodnya dan dap

mengaplikasikanya dalam javascript

Oleh: Yeni Nu


2/74

konstanta Objek Math dalam Javascript

diurutkan berdasarkan abjad

Math.E: Berisi nilai dari logaritma natural e, dengan nilai 2.718281828459045

Math.LN10: Berisi nilai dari logaritma natural 10, dengannilai 2.302585092994046

Math.LN2: Berisi nilai dari logaritma natural 2, dengan nilai 0.6931471805599453

Math.LOG10E: Berisi nilaidari logaritma natural e basis 10, dengan nilai0.4342944819032518

Math.LOG2E: Berisi nilai dari logaritma natural e basis 2, dengannilai

1.4426950408889634

Math.PI: Berisi nilai dari pi () dengan nilai 3.141592653589793

Math.SQRT1_2: Berisi hasil dari 1 dibagi dengan akar kuadrat 2, dengannilai0.707106781186

Math.SQRT2: Berisi hasil akar kuadrat dari 2, dengan nilai 1.4142135623730951


3/74

Eksekusi di html

function myfunction(){

document.getElementById("demo").innerHTML =

Math.E+"
"+ //menampilkan logaritma natural e

Math.PI+"
"+ // MENAMPILKAN NILAI pi

Math.SQRT2 +"
"+ //MENAMPILKAN AKAR KUADRAT DARI 4 YAITU 2

Math.SQRT1_2 +"
"+ //Menampilkan hasil dari 1 dibagi akar 4

Math.LN2 +"
"+ // MENAMPILKAN hASIL LOGARITMA NATURAL 2

Math.LN10+"
"+//MenampilkanHasil logaritma natural 10

Math.LOG2E+"
"+//Menampilkan

Math.LOG10E;

}


4/74

Fungsi untuk objek mathBerikut adalahmethodyang disediakan olehobjek Math JavaScript, diurutkanberdasarkan abjad, dan akan kita bahas satu per satu: Math.abs()->berfungsi untuk menghasilkannilai absolut(nilainegatifakan

menjadi positif, sedangkan nilai positifakan tetappositif). Fungsi ini

membutuhkan 1 argumen angka. Berikut adalah contoh pemanggilanfungsiabs():

var nilai = Math.abs(-4); //4

Document.getElementById(demo).innerHTML = nilai;

Math.acos()-> MethodMath.acos()berfungsi untuk menghitungnilaiarccosine. Fungsi ini membutuhkan 1 argumen angka dengan nilai antara-1 sampai dengan 1. Nilai akhir fungsi adalah0sampai dengan radian.

Math.asin()-> MethodMath.asin()berfungsi untuk menghitung nilaiarcsine.Fungsi ini membutuhkan 1 argumen angka dengan nilai antara -1 sampai

dengan 1. Nilai akhir fungsi adalah-/2sampai dengan/2 radian.


5/74

Fungsi untuk objek math Math.atan()-> MethodMath.atan()berfungsi untuk menghitung nilaiarctangent. Fu

membutuhkan 1 argumen angka dengan nilai apapun. Nilai akhir fungsi adalah-/2sdengan /2 radian.

Math.atan2()-> MethodMath.atan2()berfungsi untuk menghitung nilaiarctangentdFungsi ini membutuhkan 2 buah argumen untuk nilaiydanx. Nilai hasil fungsi adaladanradians.

Math.ceil()-> MethodMath.ceil()berfungsi untuk pembulatan keatas dari sebuah nilFungsi ini membutuhkan 1 argumen, yaitu angka yang akan dibulatkan. Berikut adala

pemanggilan fungsi ceil:

Math.cos()-> MethodMath.cos()berfungsi untuk menghitung nilaicosinus. Fungsi inmembutuhkan 1 buah argumen dalam bentuk sudut dengan nilairadian. Untuk menkderajat menjadiradian, kalikan besar sudut dengan 0.017453293 (2/360). Nilai akh

berada antara 1.0 dan 1.0.

Math.exp()->Method Math.exp()digunakan untuk menghitung hasil darie^xdimana

argumen yang diberikan.emerupakan logaritma natural dengan nilai 2.718.


6/74

Fungsi untuk objek math

Math.floor()-> MethodMath.floor() berfungsi untuk pembulatan kebawah dari sebuFungsi ini membutuhkan 1 argumen, yaitu angka yang akan dibulatkan. Berikut adal

pemanggilan fungsi floor:

Math.log()-> MethodMath.log()berfungsi untuk menghitung nilailogaritma naturale x. Fungsi ini membutuhkan 1 buah argumen angka.

Math.max()-> MethodMath.max()berfungsi untuk mencari angka paling besar diantdiberikan. Fungsi ini membutuhkan 1 atau lebih argumen. Berikut adalah contoh pe

fungsiMath.max():

Math.min()-> MethodMath.min()berfungsi untuk mencari angka paling kecil diantadiberikan. Fungsi ini membutuhkan 1 atau lebih argumen. Berikut adalah contoh pefungsiMath.min():

Math.pow()-> MethodMath.pow() berfungsi untuk untuk mencari hasil pemangkatamembutuhkan 2 buah argumen. Argumen pertamaadalah angka asal, danargumen

pangkat. Berikut adalah contoh penggunaan fungsiMath. pow():


7/74

Fungsi untuk objek math Math.random()-> MethodMath.random() berfungsi untuk menghasilkan angka acak

pemanggilan. Fungsi ini tidak membutuhkan argumen apapun. Nilai akhir berada da1. Untuk hasil angka acak 1-100, kita tinggal mengalikan hasil fungsi ini dengan 100contoh penggunaan fungsiMath.random():

Math.round()->MethodMath.round()berfungsi untuk membulatkan nilai angka ke bJika nilai desimal dibawah 0.5 maka akan dibulatkan ke bawah, namun jika nilai desatau lebih, akan dibulatkan keatas. Fungsi ini membutuhkan 1 argumen, yaitu angkadibulatkan. Berikut adalah hasil pemanggilan fungsi floor:

Math.sin()->Method Math.sin()berfungsi untuk menghitung hasilsinus. Fungsi ini mbuah argumen dalam bentuk sudut dengan nilai radian. Untuk menkonversi derajat kalikan besar sudut dengan 0.017453293 (2/360). Nilai akhir fungsi ini berada anta

Math.sqrt()->Method Math.sqrt() digunakan untuk mencari hasil dari akar kuadrat seFungsi ini membutuhkan 1 argumen, yaitu angka yang akan dihitung. Berikut adalahpenggunaan fungsi Math. sqrt();

Math.tan()->Method Math.tan()berfungsi untuk menghitung hasiltangen. Fungsi inbuah argumen dalam bentuk sudut dengan nilairadian. Untuk menkonversi derajat kalikan besar sudut dengan 0.017453293 (2/360).


8/74

Exercise 1: Menggunakan Method Objek Math

di JavaScript.

Buat sebuah program sederhana yang menjelaskan rumus menentukan luas lingkara

Rumus Luas Lingkaran (A)

= 2= . . // buat di html

Ambil contoh perhitungan luas lingkaran dengan jari jari 10 dan 15!

Buatkan scriptnya!


9/74

Mengenal Tipe Data String dan Operator StriJavaScriptPenggunaan Karakter Khusus String: Escape Sequences

Berikut adalahEscape Sequences di dalam JavaScript:

\0: Karakter NUL

\b: Backspace

\t: Horizontal tab

\n: Newline

\v: Vertical tab

\f: Form feed

\r: Carriage return

\: Tanda kutip dua (double quote)

\: Tanda kutip satu (apostrophe atau single quote)

\\: Garis miring backslash

\xXX: Karakter Latin-1 denganmenggunakandua digit heksa desimal XX

\uXXXX: Karakter Unicode dengan menggunakanempat digit heksa XXXX


10/74

Contoh penggunaan dalam javascrip


11/74

Operator untuk operasi String di dalam JavaScrip

var a=yeni";

var b=nurhasanah"; var c=29";

var d=12;

var e=3;

console.log(a+b); // yeninurhasanah

console.log(a+c); // yeni29

console.log(c+d); // 2912 console.log(d+e); // 15


12/74

String sebagai Array dari Karakter

var str = "Yeni Nurhasanah";

console.log(str[0]);






console.log(str[7]);console.log(str[8]);




13/74

Property dan Method (fungsi) Objek String Ja

Walaupun tipe datastringbukan di defenisikan menjadiobjek, namun JavaScriptmemperlakukantipe dasarStringini sebagaiObjek String, sehingga

memilikipropertydanmethodyang dapat di gunakan.

Propertydanmethoddariobjek Stringsemuanya mengembalikan nilai baru, dan tmengubah nilai dalam variabel asal.Variabelasal String tetap bernilai seperti semupemograman sifat ini disebut denganimmutable variable.

Berikut adalahPropertydanMethodyang dimilikiobjek Stringdi dalamJavaScripmembahasnya satu per satu.PropertydanMethodini diurutkan secara abjad:

Property Objek String JavaScript:

string.length


14/74

Method Objek String JavaScript:

string.charAt() string.charCodeAt() string.concat()

string.indexOf() string.lastIndexOf() string.localeCompare() string.match() string.replace() string.search() string.slice() string.split()

string.substr() string.substring() string.toLowerCase() string.toString() string.toUpperCase() string.trim() string.valueOf()


15/74

Property Objek String: String.length String.length merupakan property satu-satunya untuk objek String. Property ini aka

mengembalikan nilai panjang karakter dari sebuah String. Berikut contoh penggunaa

var str = yeni nurhasanah;

console.log(str.length);//15


16/74

Method Objek String: String.charAt()

Method String.charAt() berfungsi untuk mengambil sebuah karakter dari String. membutuhkan 1 buah argumen angka yang diisi dengan posisi karakter yang akan diam

dari urutan 0 untuk karakter pertama, urutan 1 untuk karakter kedua, dan seterusn

contoh penggunaannya:

var str = MalangAnimation School;

console.log(str.charAt(0));//M


17/74

Method Objek String: String.charCodeAt()

MethodString.charCodeAt()berfungsi untuk mengambil nilaiUnicodekarakter dariini membutuhkan 1 buah argumen angka yang diisi dengan posisi karakter yang akan d

dari urutan 0 untuk karakter pertama, urutan 1 untuk karakter kedua, dan seterusnya.

penggunaannya:


console.log(str.charCodeAt(0));//77


18/74

Method Objek String: String.concat()

MethodString.concat()berfungsi untuk operasipenyambunganString. Method inimembutuhkan 1 atau lebih argumen bertipeStringuntuk disambung. Berikutcontoh penggunaannya:


console.log(str.concat (oke)); // Malang Animation School oke


19/74

Method Objek String: String.indexOf()

MethodString.indexOf()berfungsi untuk mencari karakter atau kata dalam sebuahini membutuhkan 2 argumen: 1 argumen bertipeStringyang diisi dengan karakter ydicari, serta 1 buah argumen opsional yang berfungsi untuk menandai posisi awal pe

argumen kedua tidak diisi, maka pencarian akan dimulai dari awalString.

Hasil kembalian methodString.indexOf()adalah posisi dari karakter yang ditemukan, duntuk posisi karakter pertama. Method ini akan mengembalikan nilai -1 jika karakter ti

Berikut contoh penggunaannya:

var str = "Malang Animation School";

console.log(str.indexOf("a"));//1

console.log(str.indexOf("i", 3));// Pencarian dimulai dari karakter ke 4


20/74

Method Objek String: String.localeCompare()

MethodString.localeCompare()berfungsi untuk membandingkan 2 buah string.Method ini membutuhkan 1 buah argumen bertipe string yang berisi string yang

akan dibandingkan. JikaStringasal kurang daristringargumen, method iniakan mengembalikan nilai 0, dan akan mengembalikan 0

jikastringtersebut sama.

Contoh penggunaanya:

var Kota = "Bandung";

console.log(Kota.localeCompare("Jakarta"));

console.log(Kota.localeCompare("Bandung"));

console.log(Kota.localeCompare("Surabaya"));

console.log(Kota.localeCompare("Aceh"));


21/74

Method Objek String: String.replace()

Method String.replace() berfungsi untuk pencarian string menggunakan regular expression,kata yang dicari. Method ini merupakan fungsi find and replacedi dalam JavaScript.Method String.replace() membutuhkan2 buah argumen: argumen pertama adalah formatreg

expression yang akan dicari, dan argumen kedua adalah String (atau bisa juga berupa fungsmenggantikan text hasil pencarian. Hasil akhir method ini adalah sebuahStringakhiryang te

var kalimat = "Saya sedang belajar PHP di Tutorial PHP Game Development";

// cari semua kata "PHP", ganti menjadi "JavaScript";

var hasil = kalimat.replace(/PHP/g,"JavaScript");

// hasil: Saya sedang belajar JavaScript di Tutorial JavaScript Game Development

console.log(hasil);


22/74

Method Objek String: String.slice()MethodString.slice()berfungsi untuk memotongstring menjadi string baru. Method ini membutuhkan 2 buah berisiposisi awal danposisi akhirstring yang akan dipotong. Posisi ini dimulai dari 0 untuk karakter perbernilai negatif, maka hal itu berarti perhitungan dimulai dari akhir string.

Hasil akhir method ini adalah String baru hasil pemotongan. Method String.slice() tidak akan mengubah

mengembalikan string baru.Berikut contoh penggunaannya:

var kalimat = "Belajar JavaScript";

// potong dari index ke 3 sampai dengan ke 7.

var hasil = kalimat.slice(3,7)

console.log(hasil); // ajar

// potong dari index ke 9 dari awal sampai dengan index ke 6 dari akhir.

var hasil2 = kalimat.slice(8,-6)

console.log(hasil2); // Java


23/74

Method Objek String: String.split()

MethodString.split()berfungsi untuk memisahkan string menjadi array. Method ini membutuhkan 2 buah argumen: arkarakter pembata suntuk memisahkan string, dan argumen kedua bersifat opsionalyang berisi seberapa banyakarraJika argumen kedua tidak ditulis, maka seluruh hasil akan dikembalikan berapapun jumlahnya.

Hasil akhir method ini adalah sebuaharrayyang terdiri dari kata-kata yang terpisahkan dariString asal.


var kalimat = "Satu,Dua,Tiga,Empat,Lima";

// pisahkan String "kalimat" menjadi array dengan pemisah tanda koma

var hasil = kalimat.split(",")

console.log(hasil); // ["Satu"," Dua", "Tiga", "Empat", "Lima"]

var kalimat2 = "Satu;Dua;Tiga;Empat;Lima";

// pisahkan String "kalimat" menjadi array dengan pemisah tanda ";"

// batasi array hanya 3 isian

var hasil2 = kalimat2.split(";",3)

console.log(hasil2); // ["Satu", "Dua", "Tiga"]


24/74

Method Objek String: String.substr()

MethodString.substr()berfungsi untuk mengambilbagian string asal untuk menjadi stringmembutuhkan 2 buah argumen: argumen pertama berupa angka yang berisi posisi awal dardiambil,dan argumen kedua berisi berapa karakter yang akan diambil. Posisi string asaangka 0 untuk karakter pertama. Jika argumen pertama bernilai negatif, berarti perhituakhir string.

Hasil akhir method ini adalah String baru hasil pengambilan. MethodString. substr()tidastring asal, namun mengembalikanstring baru.

Contoh:


// ambil mulai dari index ke 3, sebanyak 9 karakter.

var hasil = kalimat.substr(3,9)

console.log(hasil); // ajar Java

// ambil mulai dari index ke 6 dari akhir string

var hasil2 = kalimat.substr(-6)

console.log(hasil2); // Script


25/74

Method Objek String: String.substring()

MethodString. substring()berfungsi untuk mengambil string menjadi potongan string baru. Method buah argumen angka yang berisi posisi awal dan akhir string yang akan diambil. Posisi ini dimulai dapertama. Berbeda dengan methodString.slice(), argumen kedua dari method ini tidak bisa diisi deng

Hasil akhir method ini adalah String baru hasil pemotongan. MethodString.slice()tidak akan menamun mengembalikan string baru.



// potong dari index ke 3 sampai dengan ke 7.

var hasil = kalimat.substring(3,7)

console.log(hasil); // ajar

// potong dari index ke 8 dari awal sampai dengan akhir String.

var hasil2 = kalimat.substring(8)

console.log(hasil2); // JavaScript


26/74

Method Objek String: String.toLowerCase() dan

String.toLocaleLowerCase() MethodString.toLowerCase() danString.toLocaleLowerCase() berfungsi untuk me

asal menjadi huruf kecil. Perbedaan antaratoLowerCase() dengantoLocaleLowerCpada methodtoLocaleLowerCase() JavaScript menkonversinya dengan aturan lokal Namun pada penggunaan normal dengan bahasa Indonesiaataubahasa Inggris, keduakan mengembalikan nilai yang sama

Hasil akhir method ini adalah String baru hasil pengubahan.MethodString.toLowerCase() danString.toLocaleLowerCase() tidak akan mengubanamun mengembalikan string baru.



27/74

Method Objek String: String.toUpperCase()

dan String.toLocaleUpperCase()

Method String.toUpperCase() dan String.toLocaleUpperCase() berfungsi untuk

asal menjadi huruf besar. Perbedaan antara toUpperCase() dengan toLocaleUpppada methodtoLocaleUpperCase()JavaScript menkonversinya dengan aturan lokapada penggunaan normal dengan bahasa Indonesia atau bahasa Inggris, keduamengembalikan nilai yang sama

Hasil akhir method ini adalah String baru hasil Method String.toUpperCase() danString.toLocaleUpperCase() tidak akan mengunamun mengembalikan string baru.


28/74

Method Objek String: String.toString() dan

String.valueOf()

Method String.toString() dan String.valueOf() berfungsi untuk memanggprimitifString dari Objek String. Kita akan jarang menggunakan kedua methodigunakan, akan mengembalikan nilai String asal.



29/74

Method Objek String: String.trim()

MethodString.trim()berfungsi untuk membuang bagian spasi atau string kosondiakhir String. Biasanya method ini dipanggil untuk memastikan input dari user tida

spasi di awal dan akhir inputan.

Hasil akhir method ini adalah String baru hasil pemrosesan. Method String.trimmengubah string asal, namun mengembalikan string baru.

Berikut contoh penggunaannya


30/74

TIPE DATA BOOLEAN


31/74

Mengenal Tipe Data Boolean di dalamJavaScript

Tipe dataBooleanadalah tipe data yang hanya mempunyai dua nilai, yakni benar (False). Tipe data boolean sering digunakan untuk membuat alur logika programsepertiif, else, while,dando while, membutuhkan nilaibooleansebagai pengontrol

Tipe data boolean juga merupakan hasil yang didapat dari operasi perbandingan. variabelasama denganb, atau apakahalebih besar darib.

Cara Mendefenisikan Tipe Data Boolean

Untuk membuat tipe databooleandi dalamJavaScript, kita cukup memberikan nilait

dalam sebuah variabel. Berikut adalah contoh pembuatan tipe databooleandi dalamJ


32/74

Konversi Tipe Data Menjadi BooleanDi dalamJavaScript, sebuah tipe data akan berubahsifatnya tergantung kapan tipe datMisalkan kita membuat variabela = 12. Variabeladalam contoh ini akan menjadi tipe datajika digunakan di dalam struktur logika seperti if (a), maka a akan bersifatmenjadi nilaitrue.

Aturan konversi tipe data menjadi boolean ini sering menjadi sumber error jika tiddalamJavaScript, terdapat 6 nilai yang akan menghasilkan booleanfalse, atau disebut juvalue.

Nilai-nilaiberikutini akan dianggap false di dalam JavaScript:

0

-0

NaN

(string kosong) undefined

null

Selain nilai yang dicantumkan diatas, nilai lain akan dianggap sebagai true di datermasukarraydanobjek kosong.

Method untuk Objek Boolean


33/74

Method untuk Objek Boolean

Sama seperti tipe datanumberdanstring, tipe databooleanjuga memilikimethodatbisa dipanggil. Namun tidak seperti tipe datanumberdanstringyang memiliki banyadata boolean hanya memiliki 2 buahmethod, yaknitoString()danvalueOf().

Method toString() akan menkonversi nilai boolean menjadi string. Nilai booleamenjadi true,dan nilai booleanfalseakan menjadifalse.

Method valueOf() akan menghasilkan nilai primitif dari boolean, kita akan jaramethod ini, namun jika digunakan akan menghasilkan nilai yang sama dengan methodto

Berikut adalah contoh penggunaannya:


34/74

Cara Penggunaan Operasi

Perbandingan dan Logika


35/74

Operator Perbandingan dalam JavaScript

Di dalamJavaScript(dan juga bahasa pemograman lain) operator perbandinganadyang digunakan untuk membandingkan sebuah nilai atauvariabeldenganvariabeldari operasi perbandingan ini akan menghasilkan nilaiboolean.

Operator perbandingandi dalamJavaScriptadalah sebagai berikut:


36/74

Operator sama dengan (==)

Operator sama denganadalah operator yang akan membandingkan 2 buah nilai atmenghasilkan nilaitruejika variabel tersebut bernilai sama. Berikut adalah contoh pro

Perhatikan persamaan pada baris terakhir. Operasi==tidak melihat tipe data darivaridibandingkan, sehingga 7 (tipe datanumber) akan dianggap sama dengan 7(tipe daanda ingin membandingkan kedua variabel ini, dan memasukkan jenis tipe data seb

penilaian sama atau tidaknya 2 buah variabel, maka harus menggunakan operatorident


37/74

Operator identik dengan (===)

Operator identikal===hampir sama dengan operator ==,yaitu membandingkanvariabel atau hasil operasi program sama atau tidak. Perbedaannya, operator =

aturandaripada operator ==. Operasi 7 == 7akan dianggap sama dan menghas

namun operasi 7 === 7akan dianggapfalse, karena tipe data kedua nilai ini berbe

Berikut adalah contoh penggunaannya:


38/74

Operator tidak sama dengan (!=)

Operator!=adalah kebalikan dari operator==, dan akan menghasilkan nilaitruejik2 buah variabel yang dibandingkan tidak memiliki nilai yang sama. Berikut

penggunannya:

Perhatikan juga untuk persamaan baris terakhir, operator!=tidak mempertimbangkan tipsama seperti operator==. Jika anda ingin jenis tipe data juga merupakan kriteria perbgunakan operator!==.


39/74

Operator tidak identik dengan (!==)

Jika operator!=tidak mempertimbangkan tipe data, maka operator !==hanya operator yang dibandingkan memiliki nilai yang sama dan juga tipe data yang

adalah contoh penggunaannya:

Operator Kurang dari (


40/74

p g ( ) g g

Operator < dan


41/74

Operator Besar dari (>) dan Besar sama dengan d

Operator>dan>=hanya akan bernilaitruejika variabel di sisikirioperator memililebih besar dari variabel di sisikanan. Perbedaan antara>dan>=adalah jika keduadibandingkan sama, maka operator>akan menghasilkanfalse, namun operator>=a

menghasilkan true. Berikut adalah contoh programnya:


42/74

Operasi Logika dalam JavaScriptSelain operasi perbandingan, operasi logika juga sangatberkaitan dengan tipe data boolean. Operasi logika ini jugasering digunakanuntuk pembuatan alur program.

Berikut adalah operator logika dan cara penulisan operator logikadi dalam JavaScript:

Operator dan (and), ditulis dengan &&.Operatorand hanya akan menghasilkan nilai truejika keduanilai yang dibandingkan juga bernilaitrue, dan menghasilkannilaifalsejika salah satu atau kedua nilai yang dibandingkanadalahfalse.

Operator atau (or), ditulis dengan ||. Operator orakan

menghasilkan nilaitruejika salah satu atau kedua nilai yangdibandingkan adalah true. Jika kedua nilai yangdibandingkanfalse, maka hasilnya adalahfalse.

Operator negasi, ditulis dengan !. Operator ini digunakanuntuk membaliknilai logika. Jika ditulis a adalah true maka!a adalah false dan begitu juga sebaliknya.


43/74

Operasi Logika dalam JavaScript

Di dalamJavaScript tidak dikenal operator logikaXOR, yakni operator yang akanilai true jika salah satu bernilai true, tetapi akan menghasilkan false jika kedua

kedua nilai false. Namun hal ini bisa diakalidengan menggunakan kode seperti b

!b.



44/74

Cara Konversi Tipe Data dalam JavaScrip


45/74

Aturan Konversi Tipe Data dalam JavaSc

Di dalamJavaScript, sebuah tipe data akan dikonversisecara otomatis tergantungdigunakan. Tipe datastringakan terkonversimenjadinumberjika dikenakan opeBerikut adalah contoh konversi yang terjadi:

Seperti yang terl ihat, operasi pembagian akan menkonversi variabertipestringmenjadinumber, lalu kemudian operasi pembagian di jalankan.

Di dalamJavaScript, operasi penambahan akan menkonversi tipe number menjadi st

operasip e n y am b u n g a n s t r i n g -lah yang dijalankan, bukan operasi penambahannum

Untuk operasi logika atau perbandingan yang memerlukan tipe data boolean JavaSc


46/74

Untuk operasi logika atau perbandingan yang memerlukan tipe data boolean, JavaScmenkonversi tipe data secara otomatis. Contoh berikut ini akan dijalankan di dalamJava

Kode program diatas akan mengkonversiString duniailkommenjadibooleandengan nil

C K i Ti D t di d l J S i t


47/74

Cara Konversi Tipe Data di dalam JavaScript Jika kita ingin mengkonversi sebuah tipe data menjadi tipe data lainnya tanpa

mengandalkankonversiotomatis seperti diatas,JavaScriptjuga menyediakan caranmenggunakanfungsi globalNumber(),String(), danBoolean().

Cara Konversi menjadi Number

Cara Konversi menjadi Number


48/74

JavaScript juga menyediakan fungsi global parseInt()danparseFloat() untuk medata string menjadi number. Sesuai dengan namanya, fungsiparseInt() akan medata menjadi integer dan membuang angka dibelakang tanda desimafungsiparseFloat()akan mengkonversi tipe data menjadiFloat(nilai angka dengan d

Berikut adalah contoh penggunaan fungsiparseInt()danparseFloat():

Cara Konversi menjadi String


49/74

j g

Untuk membuat tipe data menjadiString, rata-rata tipe data memiliki methodtoSbisa juga menggunakan fungsiString().Berikut adalah contohnya:

Cara Konversi menjadi Boolean


50/74

Untuk menkonversi tipe data menjadi Boolean, JavaScript menyediakan fungsiBoadalah contoh penggunaannya:

Fungsi Operator typeof dalam JavaScript


51/74

JavaScript menyediakan sebuah operator untuk mengetahui tipe data dari s

yaknioperatortypeof.Operatorini akan menghasilkan nilai string yang berisi jenvariabel yang di uji. Berikut adalah contoh penggunaannya:


52/74

Mengenal Tipe Data Array dalam

JavaScript

Pengertian Array di dalam JavaScript


53/74

Pengertian Array di dalam JavaScript

Arrayadalahtipe datayang berisi kumpulan dari nilai atau tipe data lain. Nilai di dalaarray disebut dengan elemen, dan setiap elemen memiliki nomor urut yang dikendengan istilahindex.

Penomoranindexdi dalamarraydimulai dari angka 0, sehinggaelemenpertama beradi index0, elemenkedua berada di index1, dst.Index maksimumyang bisa ditampuarray dalamJavaScript adalah 4.294.967.294 (2^23 2), dengan jumlah elemmaksimumadalah 4.294.967.295.

Array di dalam JavaScripttidak bertipe (untyped array).Elemendari array bisa bertidatastring,numberdanbooleandalam sebuah array yang sama, bahkan elemen darray bisa berupaobjek atauarrayyang lain.

Arraydi dalamJavaScriptbersifat dinamis, dan kita tidak perlu mendefenisikan beraukuranarraypada saat membuat variabel. Jumlah elemen dapat ditambah dan dikurasetiap saat.

Index arraydi dalam JavaScript juga tidak harus berurutan, JavaScript membolehkelemen dari array tidak terurut. Kita bisa mengisi hanya index 0, 5, dan 10 saja di dalaarray.

Cara Penulisan Array di dalam JavaScript


54/74

Terdapat 2 cara penulisan tipe data array di dalam JavaScript, yaitu dengan penmenggunakan kurung siku[dan], dan menggunakan keywordnew Array(). Perintahnakan membuat objekarray. Berikut adalah contoh pembuatanarraydi dalam JavaScri

Nilai elemen dari array juga tidak harus bersifat


55/74

Nilai elemen dariarrayjuga tidak harus bersifat

Kita bisa membuat nilai array berasal dari variabBerikut contohnya:

Jika sebuah elemen dilompatipada saat penulisan array, maka nilai elemen tersebut

undefined, yang berarti tidak adadata

Cara Penulisan Array di dalam JavaScript


56/74

Jika menggunakan cara pendefenisian array dengan perintahnew Array(),apabila hanyargumen angka, maka perintah tersebut berarti menyuruhJavaScriptuntuk memperselemen array sebanyak nilai tesebut, namun array itu sendiri belum memilikiindexdanapa, seperti contoh berikut ini:

Terlihat dari pemanggilan methodtoStringdanlengthbahwa array tersebut berisi 10 elpada saat dilakukan pemanggilan, hasilnya adalahundefined.

Cara Membaca Data dan Menambah Data ke dalam


57/74

Untuk membaca dataarray, kita menggunakan format:

nama_array[index]

sedangkan untuk menambah data kedalam array, formatnya adalah: nama_array[index] = data_baru

Jika pada saat menambahkan data kedalamarrayyang sudah berisi datapadaindextersebut, maka data yang lama akan ditimpa oleh data yang baru.

Berikut adalah contoh pembacaan data dan penambahan dataarrayJavaScript:

Perhatikan bahwa kitabisamengaksesindexarraydengan rumusmatematis selamamenghasilkan nilaiangka.

Cara Mengetahui Jumlah elemen Array: Property


58/74

propertylengthdariArraydigunakan untuk mengetahui panjangelemen dari sebu

*Hasil dari property arraylengthadalah berapa banyak elemen di dalam array tindex tertinggi. Karena index dimulai dari 0, maka nilailengthakan selalu lebih nilaiindextertinggi. Untukarraydenganindexyang terurut dari 0, maka index t

nilailength-1. Berikut adalah contoh penggunaan propertylengthdalamJavaScript:

Cara Menghapus Elemen Array: Operator Delete


59/74

Untuk menghapus sebuah elemen dari array,JavaScriptmemiliki operatordelete. Bcara penggunaan operatordelete:

Perhatikan bahwa operatordeletehanya menghapus nilai dari elemen, bukan menghsama sekali. Operator ini seolah-olah memberikan nilai undefinedkedalam elemedihapus. Nilai dari propertylengthjuga tidak dipengaruhi oleh operator delete ini.Untuk menghapus atau mengeluarkan sebuah nilai dari array, kita bisa mengpush(), pop(), shift() dan unshift(). Fungsi-fungsi ini akan kita bahas dalam Mengenal Method (fungsi) Objek Array JavaScript.


60/74

Mengenal Method (fungsi) Objek TipeData Array JavaScript

Jenis-jenis method Array JavaScipt


61/74

Jenis jenis method Array JavaScipt

Untuk mempermudah penggunaan array,JavaScriptmenyediakan beberapa fungsi yangsetiap variabel array (atau lebih tepat disebut denganmethod). Berikut adalahmethoddalamJavaScript.

join() reserve()

sort()

slice()

splice()

push dan pop()

shift()danunshift()

toString()dantoLocaleString()

Method Objek Array: Array.join()


62/74

Method Objek Array: Array.join()

Perhatikan bahwa jika argumen tidak ditulis, maka tanda koma , akan digunakan pembatasstring. Fungsijoin()ini adalah kebalikan dari fungsisplit()dari objekstri

Perhatikan bahwa jika argumen tidak ditulis, maka tanda koma , akan digunakanpembatasstring. Fungsijoin() ini adalah kebalikan dari fungsi split()dari objekstring.

Method Objek Array: Array.reverse()


63/74

j y y ()

Method Array.reverse() digunakan untuk membalikkan urutan dari elemen di Method ini akan mengubah array asal. Berikut adalah contoh penggunaan methodre

Method Objek Array: Array.sort()


64/74

j y y ()

MethodArray.sort()digunakan untuk mengurutkan elemen dari array. Jika methotanpaargumen, elemen dari array akan diurutkan berdasarkan abjad. Jika elemen

bukan huruf, maka akan dikonversi sementara menjadi string, baru kemudian dil

pengurutan. Jika ditemukan elemen dengan nilainullatauundefined, akan di temurutan akhir.

Berikut adalah contoh penggunaan methodsort()dalam arrayJavaScript:

Method Objek Array: Array.sort()


65/74

Dari contoh diatas terlihat bahwa methodsort()tidak menghasilkan nilai yang sehpengurutan angka. Untuk hal ini, kita bisa menginput fungsi kedalam argumenmeth

Fungsiyang diinput di dalam argumen methodsort()akan memiliki 2 inputan untu

elemen mana yang akan ditampilkan terlebih dahulu. Jika elemen pertamditampilkan terlebih dahulu, maka fungsi harus menghasilkan nilai kurang dari

angka kedua harus tampil terlebih dahulu, maka fungsi harus mengembalikan nilai 0.

Sebagai contoh, berikut adalah methodsort()dengan argumen berupa fungsi untuangka dalam elemenarray.

j y y ()

Method Objek Array: Array.concat()


66/74

j y y ()

MethodArray.concat()berfungsi untuk penyambunganarray. Hasil akhir dari pemini adalah array baru dengan penambahan dari methodconcat().Elemen yang ditamsebagaiargumendari methodconcat().Berikut adalah contohnya:

Method Objek Array: Array.slice()


67/74

j y y () MethodArray.slice() digunakan untuk memotongarray menjadi array baru, ata

array dariarrayasal. Methodslice()ini membutuhkan 2 buah argumen yang beawaldan akhirpemotongan.

Jika hanya diberikan 1 argumen, maka method ini akan mengembalikan array bposisi argumen sampai dengan akhir array. Jika argumen bernilai negatif, maka p

dimulai dari akhir array. Berikut adalah contoh penggunaan method arrayslice():

Dari contoh kode yang kita lakukabahwa index terakhir tidak termdalam array baru. arr1.slice(2mengembalikan elemen array dari

2, ke-3, namun tidak ke-4.

Method Objek Array: Array.splice()


68/74

Walaupun memiliki nama method yang mirip denganslice(),method splice()sepMethodsplice()adalah methodserba-bisayang bisa digunakan untukmemotong aelemen array, bahkan melakukan keduanya sekaligus.

Tidak seperti methodslice()danconcat(),pemanggilan method ini akan mengubah Jika hanya diberikan satu buah argumen, methodsplice()akan berfungsimenghapu

dari index yang diberikan, dan mengembalikan nilai array yangdihapus. Berikut co



69/74

Jika method splice() memiliki 2 argumen, maka argumen kedua berfungsi untuseberapa banyak elemen yang akan di hapus. Jika elemen yang dihapus berada d

array asal, maka array asal akantersambung. Berikut contohnya:



70/74

Method splice() mendukung argumen ke 3, 4, dan seterusnya. Jika disertakan, argu

berfungsi sebagai elemen yang akan ditambahkan ke array asal dimulai dari po

pertama. Berikut adalah contoh kode programsplice()dengan 3 atau lebih argumen

j y y p ()

Method Objek Array: Array.push() dan Array.pop()


71/74

Method push() dan pop() digunakan untuk menambahkan dan mengurangi elemKedua method ini memungkinkan pemrosesan array sabagai sebuahstackatau tum

metoda first in last out.

Method push() akan menambahkan elemen array pada akhir dari arramethodpop() akan menghapus elemen terakhir dari array. Kedua method ini akan masal dan mengembalikan nilai jumlah elemen array.

Berikut adalah contoh penggunaan methodArray.push()danArray.pop()dalamJav

Objek Array: Array.unshift() dan Array.shift()


72/74

Method Array.unshift() dan Array.shift() hampirdengan Array.push() dan Array.pop()perbedaannya, method unshift() danmenambahkan atau menghapus elemen array di awal array.

Methodunshift()akan menambahkan elemen baru diawal array, dan menggeser syang ada. Methodshift()akan menghapus elemen paling awal array, dan menggseluruh elemen lain di dalam Array. Kedua method ini akan mengubah array asal.

Berikut adalah contoh penggunaan methodArray.unshift()danArray.shift()dalam J

Method Objek Array: Array.toString() dan


73/74

Array.toLocaleString()


74/74

SELESAITERIMA KASIH

Tipe data dalam javascript

Documents

Transcript of Tipe data dalam javascript