equal value and equal type
= not equal
== not equal value or not equal type
suvi.rahmagmail.com
Operator Description
greater than less than
= greater than or equal to
= less than or equal to
? ternary operator
JavaScript Logical Operator
Operator Description
logical and ||
logical or logical not
LATIHAN 1.
Tampilkan jumlah = 10 + 5, dengan menggunakan dua variabel x dan y.
DOCTYPE html html
body p id=demoDisplay the result here.p
script var x;
var y; script
body html
2. Temukan sisanya ketika 15 dibagi dengan 9, dengan menggunakan dua variabel x
dan y DOCTYPE html
html body
p id=demoDisplay the result here.p script
var x; var y;
script body
html
suvi.rahmagmail.com
Komentar JavaScript
Tidak semua pernyataan JavaScript dieksekusi. Kode setelah garis miring ganda atau antara dan untuk multi linediperlakukan sebagai komentar. Komentar JavaScript
dapat digunakan untuk menjelaskan kode JavaScript, dan membuatnya lebih mudah dibaca. Komentar JavaScript juga bisa digunakan untuk mencegah eksekusi, saat menguji kode
alternatif. Komentar Baris tunggal Komentar baris tunggal dimulai dengan . Setiap teks antara dan akhir baris akan diabaikan oleh JavaScript tidak akan dieksekusi. Komentar
diabaikan, dan tidak akan dieksekusi:
Contoh : DOCTYPE html
html body
h2JavaScript Comments are NOT Executedh2 p id=demop
script var x;
x = 5; x = 6; I will not be executed
document.getElementByIddemo.innerHTML = x; script
body html
JavaScript Case Sensitif. Semua pengidentifikasi JavaScript peka terhadap huruf besar. Variabel Last Name dan last name, adalah dua variabel yang berbeda.
Contoh : DOCTYPE html
html body
h2JavaScript is Case Sensitiveh2 pTry change lastName to lastname.p
p id=demop
script var lastname, lastName;
lastName = Doe; lastname = Peterson;
document.getElementByIddemo.innerHTML = lastName; script
body html
suvi.rahmagmail.com
Sebagian besar program JavaScript berisi banyak pernyataan JavaScript. Pernyataan dijalankan, satu per satu, sesuai urutan penulisannya. Dalam contoh ini x, y, dan z diberi
nilai, dan akhirnya z ditampilkan: Contoh 1:
DOCTYPE html html
body h2JavaScript Statementsh2
pKode JavaScript atau hanya JavaScript adalah urutan pernyataan JavaScript.p p id=demop
script var x, y, z;
x = 5; y = 6;
z = x + y; document.getElementByIddemo.innerHTML = z;
script body
html
Semicolons ;
Semikolon memisahkan pernyataan JavaScript. Gunakan titik koma di akhir setiap pernyataan yang dapat dieksekusi :
Contoh : DOCTYPE html
html body
h2JavaScript Statementsh2 pJavaScript statements are separated by semicolons.p
p id=demo1p script
var a, b, c; a = 1;
b = 2; c = a + b;
document.getElementByIddemo1.innerHTML = c; script
body html
Bila dipisahkan oleh titik koma, beberapa pernyataan pada satu baris diperbolehkan: DOCTYPE html
html body
suvi.rahmagmail.com
h2JavaScript Statementsh2 pMultiple statements on one line is allowed.p
p id=demo1p
script var a, b, c;
a = 1; b = 2; c = a + b; document.getElementByIddemo1.innerHTML = c;
script body
html
Jenis Data JavaScript TIPE DATA Variabel JavaScript dapat menyimpan banyak tipe data: angka, string, objek dan banyak lagi:
var length =
16 ;
Number var
lastName = Johnson
; String
var x = {firstName:
John , lastName:
Doe };
Object Konsep Tipe Data
Dalam pemrograman, tipe data merupakan konsep penting. Agar dapat beroperasi pada variabel, penting untuk mengetahui sesuatu tentang jenisnya. Tanpa tipe data, komputer
tidak bisa menyelesaikannya dengan aman:
var x =
16 +
Volvo ; jadi kebaca
var x =
16 +
Volvo ;
Saat menambahkan angka dan string, JavaScript akan memperlakukan nomor itu sebagai string.
Contoh : DOCTYPE html
html body
pWhen adding a number and a string, JavaScript will treat the number as a string.p p id=demop
script var x = 16 + Volvo;
document.getElementByIddemo.innerHTML = x; script
body html
JavaScript mengevaluasi ekspresi dari kiri ke kanan. Urutan yang berbeda dapat menghasilkan hasil yang berbeda:
Contoh1 : DOCTYPE html
html body
suvi.rahmagmail.com
p id=demop script
var x = 16 + 4 + Volvo; document.getElementByIddemo.innerHTML = x;
script body
html
Contoh 2: DOCTYPE html
html body
p id=demop
script var x = Volvo + 16 + 4;
document.getElementByIddemo.innerHTML = x; script
body html
Pada contoh pertama, JavaScript memperlakukan 16 dan 4 sebagai angka, sampai mencapai Volvo. Pada contoh kedua, karena operan pertama adalah string, semua operan
diperlakukan sebagai string.
Jenis JavaScript Dinamis. JavaScript memiliki tipe dinamis. Ini berarti bahwa variabel yang sama dapat digunakan
untuk menyimpan tipe data yang berbeda: Contoh :
Var x; Sekarang x tidak terdefinisi Var x = 5; Sekarang x adalah sebuah nomor
Var x = john; Sekarang x adalah sebuah String
String JavaScript String atau string teks adalah serangkaian karakter seperti John Doe. String ditulis
dengan tanda petik. Anda bisa menggunakan tanda kutip tunggal atau ganda: Contoh var varName = Volvo XC60; Menggunakan tanda kutip ganda svar varName = Volvo XC60;
Menggunakan tanda kutip tunggal
Contoh : DOCTYPE html
html body
p id=demop
script
suvi.rahmagmail.com
var carName1 = Volvo XC60; var carName2 = Volvo XC60;
var answer1 = Its alright; var answer2 = He is called Johnny;
var answer3 = He is called Johnny;
document.getElementByIddemo.innerHTML = carName1 + br +
carName2 + br + answer1 + br +
answer2 + br + answer3;
script body
html
Nomor number JavaScript JavaScript hanya memiliki satu jenis angka. Angka dapat ditulis dengan, atau tanpa desimal:
Contoh : DOCTYPE html
html body
p id=demop
script var x1 = 34.00;
var x2 = 34; var y = 123e5;
var z = 123e-5;
document.getElementByIddemo.innerHTML = x1 + br + x2 + br + y + br + z script
body html
JavaScript Booleans Boolean hanya bisa memiliki dua nilai: benar atau salah.
Example
var x =
true ;
var y =
false ;
Boolean sering digunakan dalam pengujian bersyarat.
Array JavaScript Array JavaScript ditulis dengan tanda kurung siku. Item array dipisahkan dengan koma.
Kode berikut menyatakan membuat sebuah array yang disebut mobil, berisi tiga item nama mobil:
suvi.rahmagmail.com
Contoh : DOCTYPE html
html body
p id=demop
script var cars = [Saab,Volvo,BMW];
document.getElementByIddemo.innerHTML = cars[0]; script
body html
Objek JavaScript Objek JavaScript ditulis dengan kurung kurawal. Properti objek ditulis sebagai nama:
pasangan nilai, dipisahkan dengan tanda koma. Anda telah mengetahui bahwa variabel JavaScript adalah kontainer untuk nilai data. Kode ini memberikan nilai sederhana Fiat ke
variabel bernama mobil: Contoh :
DOCTYPE html html
body pMembuat Variabel JavaScript.p
p id=demop script
var car = Fiat; document.getElementByIddemo.innerHTML = car;
script body
html
Objek juga variabel. Tapi objek bisa mengandung banyak nilai. Kode ini memberikan banyak nilai Fiat, 500, putih ke variabel bernama mobil:
Contoh : DOCTYPE html
html body
pCreating a JavaScript Object.p p id=demop
script var car = {type:Fiat, model:500, color:white};
document.getElementByIddemo.innerHTML = car.color; script
suvi.rahmagmail.com
body html
Nilai ditulis sebagai nama: nilai pasangan nama dan nilai dipisahkan oleh titik dua. Objek JavaScript adalah kontainer untuk nilai yang dinamai.
Properti Objek Nama: nilai pasangan dalam objek JavaScript disebut properti.
Contoh : DOCTYPE html
html body
p id=demop
script var person = {
firstName : John, lastName : Doe,
age : 50, eyeColor : blue
}; document.getElementByIddemo.innerHTML =
person.firstName + is + person.age + years old.; script
body html
Objek orang pada contoh di atas memiliki 4 properti: firstName, lastName, age, dan eye color.
Mengakses Properti Objek Anda dapat mengakses properti objek dengan dua cara:
objectName.propertyName or
objectName[ propertyName
] Contoh 1 :
DOCTYPE html html
body p Ada dua cara berbeda untuk mengakses properti objek: p
pAnda bisa menggunakan person.property atau person [property].p
suvi.rahmagmail.com
p id=demop script
var person = { firstName: John,
lastName : Doe, id : 5566
}; document.getElementByIddemo.innerHTML =
person.firstName + + person.lastName; script
body html
Contoh 2 : DOCTYPE html
html body
p There are two different ways to access an object property: p pYou can use person.property or person[property].p
p id=demop
script var person = {
firstName: John, lastName : Doe,
id : 5566
}; document.getElementByIddemo.innerHTML =
person[firstName] + + person[lastName]; script
body html
Mengakses Metode Objek Anda mengakses metode objek dengan sintaks berikut:
objectName.methodName Contoh :
DOCTYPE html html
body pCreating and using an object method.p
pAn object method is a function definition, stored as a property value.p p id=demop
suvi.rahmagmail.com
script var person = {
firstName: John, lastName : Doe,
id : 5566, fullName : function {
return this.firstName + + this.lastName; }
}; document.getElementByIddemo.innerHTML = person.fullName;
script body
html
Jika Anda mengakses metode Nama Lengkap, tanpa , itu akan mengembalikan definisi fungsi, Sebuah metode sebenarnya adalah definisi fungsi yang disimpan sebagai nilai
properti:
Contoh : DOCTYPE html
html body
pMetode objek adalah definisi fungsi, disimpan sebagai nilai properti.p pJika Anda mengaksesnya tanpa , itu akan mengembalikan definisi fungsi:p
p id=demop
script var person = {
firstName: John, lastName : Doe,
id : 5566, fullName : function {
return this.firstName + + this.lastName; }
}; document.getElementByIddemo.innerHTML = person.fullName;
script body
html
LATIHAN : 1.
Tampilkan John dengan mengekstrak informasi dari objek orang tersebut.
DOCTYPE html html
body
suvi.rahmagmail.com
p id=demoDisplay the result here.p script
var person = {firstName:John, lastName:Doe}; script
body html
2. Tambahkan properti dan nilai berikut ke objek orang tersebut: negara: Amerika