Download - 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
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
3/74
Eksekusi di html
function myfunction(){
document.getElementById("demo").innerHTML =
Math.E+"
"+ //menampilkan logaritma natural eMath.PI+"
"+ // MENAMPILKAN NILAI piMath.SQRT2 +"
"+ //MENAMPILKAN AKAR KUADRAT DARI 4 YAITU 2Math.SQRT1_2 +"
"+ //Menampilkan hasil dari 1 dibagi akar 4Math.LN2 +"
"+ // MENAMPILKAN hASIL LOGARITMA NATURAL 2Math.LN10+"
"+//MenampilkanHasil logaritma natural 10Math.LOG2E+"
"+//MenampilkanMath.LOG10E;
}
-
7/24/2019 Tipe data dalam javascript
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.
-
7/24/2019 Tipe data dalam javascript
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.
-
7/24/2019 Tipe data dalam javascript
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/24/2019 Tipe data dalam javascript
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).
-
7/24/2019 Tipe data dalam javascript
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!
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
10/74
Contoh penggunaan dalam javascrip
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
12/74
String sebagai Array dari Karakter
var str = "Yeni Nurhasanah";
console.log(str[0]);
console.log(str[1]);
console.log(str[2]);
console.log(str[4]);
console.log(str[5]);
console.log(str[6]);
console.log(str[7]);console.log(str[8]);
console.log(str[9]);
console.log(str[10]);
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
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()
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
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:
var str = MalangAnimation School;
console.log(str.charCodeAt(0));//77
-
7/24/2019 Tipe data dalam javascript
18/74
Method Objek String: String.concat()
MethodString.concat()berfungsi untuk operasipenyambunganString. Method inimembutuhkan 1 atau lebih argumen bertipeStringuntuk disambung. Berikutcontoh penggunaannya:
var str = MalangAnimation School;
console.log(str.concat (oke)); // Malang Animation School oke
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
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"));
-
7/24/2019 Tipe data dalam javascript
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);
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
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.
Berikut contoh penggunaannya:
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"]
-
7/24/2019 Tipe data dalam javascript
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:
var kalimat = "Belajar JavaScript";
// 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
-
7/24/2019 Tipe data dalam javascript
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.
Berikut contoh penggunaannya:
var kalimat = "Belajar JavaScript";
// 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
-
7/24/2019 Tipe data dalam 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.
Berikut contoh penggunaannya:
-
7/24/2019 Tipe data dalam javascript
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.
-
7/24/2019 Tipe data dalam javascript
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.
Berikut contoh penggunaannya:
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
30/74
TIPE DATA BOOLEAN
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
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:
-
7/24/2019 Tipe data dalam javascript
34/74
Cara Penggunaan Operasi
Perbandingan dan Logika
-
7/24/2019 Tipe data dalam javascript
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:
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
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:
-
7/24/2019 Tipe data dalam javascript
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!==.
-
7/24/2019 Tipe data dalam javascript
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 (
-
7/24/2019 Tipe data dalam javascript
40/74
p g ( ) g g
Operator < dan
-
7/24/2019 Tipe data dalam javascript
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:
-
7/24/2019 Tipe data dalam javascript
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.
-
7/24/2019 Tipe data dalam javascript
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.
Berikut contoh penggunaannya:
-
7/24/2019 Tipe data dalam javascript
44/74
Cara Konversi Tipe Data dalam JavaScrip
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
50/74
Untuk menkonversi tipe data menjadi Boolean, JavaScript menyediakan fungsiBoadalah contoh penggunaannya:
Fungsi Operator typeof dalam JavaScript
-
7/24/2019 Tipe data 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:
-
7/24/2019 Tipe data dalam javascript
52/74
Mengenal Tipe Data Array dalam
JavaScript
Pengertian Array di dalam JavaScript
-
7/24/2019 Tipe data 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
-
7/24/2019 Tipe data 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
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data 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
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
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.
-
7/24/2019 Tipe data dalam javascript
60/74
Mengenal Method (fungsi) Objek TipeData Array JavaScript
Jenis-jenis method Array JavaScipt
-
7/24/2019 Tipe data dalam javascript
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()
-
7/24/2019 Tipe data dalam javascript
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()
-
7/24/2019 Tipe data dalam javascript
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()
-
7/24/2019 Tipe data dalam javascript
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()
-
7/24/2019 Tipe data dalam javascript
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()
-
7/24/2019 Tipe data dalam javascript
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()
-
7/24/2019 Tipe data dalam javascript
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()
-
7/24/2019 Tipe data dalam javascript
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
Method Objek Array: Array.splice()
-
7/24/2019 Tipe data dalam javascript
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:
Method Objek Array: Array.splice()
-
7/24/2019 Tipe data dalam javascript
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()
-
7/24/2019 Tipe data dalam javascript
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()
-
7/24/2019 Tipe data dalam javascript
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
-
7/24/2019 Tipe data dalam javascript
73/74
Array.toLocaleString()
-
7/24/2019 Tipe data dalam javascript
74/74
SELESAITERIMA KASIH