Rhezaariyanto.files.wordpress.com



| JavaScript |

| |

| |

| |

DATA TYPES

Sebuah objek dibatasi oleh kurung kurawal. Di dalam kurung properti obyek didefinisikan sebagai nama dan pasangan nilai (name: value). Sifat dipisahkan dengan koma:

var person={firstname:"John", lastname:"Doe", id:5566};

Obyek (person) dalam contoh di atas memiliki 3 sifat: firstname, lastname, dan id. Ruang dan jeda baris tidak penting. Deklarasi Anda dapat span beberapa baris:

var person={

firstname : "John",

lastname  : "Doe",

id        :  5566

};

Anda dapat mengatasi properti obyek dalam dua cara:

Output :

Doe

Doe

Undefined dan Null

Terdefinisi adalah nilai dari sebuah variabel dengan tidak ada nilai.

Variabel dapat dikosongkan dengan menetapkan nilai ke nol ;

Output :

undefined

Volvo

null

Mendeklarasikan Jenis Variabel

Ketika Anda mendeklarasikan variabel baru, Anda dapat mendeklarasikan jenisnya menggunakan "baru" kata kunci:

var carname=new String;

var x=      new Number;

var y=      new Boolean;

var cars=   new Array;

var person= new Object;

Java script tidak mendukung tipe data secara eksplisit. walaupun demikian, secara implisit sebenarnya pada Javascript terdapat tipe data dasar : bilangan, string dan logika

tipe data bilangan (numerik)

tipe data ini dapat dibedakan menjadi 2 yaitu :

• bilangan bulat

adapun bilangan bulat dapat ditulis dalam basis 10(desimal), 8(oktal) dan 16 (heksadesimal).

• bilangan bertitik (real)

lazimnya bilangan real adalah bilangan pecahan seperti 2.3455, akan tetapi bisa juga dituliskan dengan notasi ilmiah seperti ini :

1. 2E+03 (yang berarti 1.2 x 10^3)

tipe data string

string adalah deretan karakter yang biasa ditulis dalam petik ganda atau petik tunggal dalam bahasa pemrograman. tetapi aturannya :

• sebuah string yang mengandung petik tunggal boleh ditulis di dalam petik ganda, contoh :

"don't let me go"

string ini tidak boleh ditulis :

'don't let me go'

• sebaliknya untuk menuliskan string dengan petik ganda, gunakan petik tunggal pada awal dan akhirnya. contoh :

'katakanlah "hallo".'

tipe data logika

tipe data logika adalah tipe data yang hanya mempunyai 2 nilai yaitu :

• true, yang menyatakan benar.

• false, yang menyatakan salah.

tipe ini banyak digunakan dalam pernyataan kondisi seperti IF atau WHILE. secara lebih khusus, javascript menyediakan nilai khusus berupa :

a) null, yang menyatakan data tidak ada,

nilai null menyatakan nilai khusus yang berarti bahwa nilainya tidak ada, sebagai contoh :

var nilai_awal;

variable nilai_awal akan diberikan nilai null, yang berarti variable tersebut tidak/belum diberi nilai.

b) undefined, yang menyatakan sesuatu yang belum didefinisakan atau belum diberi nilai. contoh script yang melibatkan tipe data :

OBJECT

JavaScript terdiri dari sekumpulan obyek, yaitu: String, Number, Array, Date, Math, RegExp.

Objek adalah data yang disertai dengan properties dan method.

Properties dan Method pada Objek

Properti adalah nilai-nilai yang terkait dengan objek.

Sedangkan metode adalah tindakan yang dapat dilakukan pada objek.

Contoh:

a real life object. A Car:

Properties:

car.name=Fiat

car.model=500

car.weight=850kg

car.color=white

Methods:

car.start()

car.drive()

car.brake()

Property dari car meliputi nama, model, berat badan, warna, dll. Semua ‘car’ memiliki sifat ini, namun nilai dari setiap properti ‘car’ berbeda. Contoh metode yang dapat digunakan oleh car: start (), drive (), rem (), dll. Semua ‘car’ memiliki metode ini, tetapi dilakukan pada waktu yang berbeda.

JavaScript String

Sebuah string hanya menyimpan serangkaian karakter seperti "John Doe".Sebuah string dapat berupa teks dalam tanda kutip. Anda dapat menggunakan tanda kutip sederhana atau ganda dan berikut adalah contohnya:

Contoh

var carname="Volvo XC60";

var carname='Volvo XC60';

Anda dapat mengakses setiap karakter dalam string dengan posisinya (index).

Contoh

var character=carname[7];

Indeks String adalah nol berbasis, yang berarti karakter pertama adalah [0], yang kedua adalah [1], dan sebagainya. Anda dapat menggunakan tanda kutip dalam string, selama mereka tidak cocok dengan kutipan sekitarnya string.

Contoh

var answer="It's alright";

var answer="He is called 'Johnny'";

var answer='He is called "Johnny"';

Atau Anda dapat meletakkan tanda kutip dalam string dengan menggunakan karakter escape.

Contoh

var answer='It\'s alright';

var answer="He is called \"Johnny\"";

String Panjang

Panjang string (objek string) ditemukan dalam dibangun di properti panjang :

Contoh

var txt="Hello World!";

document.write(txt.length);

var txt="ABCDEFGHIJKLMNOPQRSTUVWXYZ";

document.write(txt.length);

Mencari String dalam String

indexOf () method mengembalikan posisi (sebagai angka) dari terjadinya ditemukan pertama dari teks yang ditentukan dalam string:

Contoh

var str="Hello world, welcome to the universe.";

var n=str.indexOf("welcome");

Metode mengembalikan -1 jika teks yang ditentukan tidak ditemukan. The lastIndexOf () metode mulai mencari di akhir string bukan di awal.

Pencocokan Konten

The pertandingan () metode dapat digunakan untuk mencari konten yang cocok dalam sebuah string:

Contoh

var str="Hello world!";

document.write(str.match("world") + "");

document.write(str.match("World") + "");

document.write(str.match("world!"));

Mengganti Konten

The ganti () metode menggantikan nilai yang ditentukan dengan nilai lain dalam sebuah string.

Contoh

str="Please visit Microsoft!"

var n=str.replace("Microsoft","W3Schools");

Atas Kasus dan Kasus Bawah

Sebuah string dikonversi menjadi huruf besar / bawah dengan metode toUpperCase () /toLowerCase () .

Contoh

var txt="Hello World!";       // String

var txt1=txt.toUpperCase();   // txt1 is txt converted to upper

var txt2=txt.toLowerCase();   // txt2 is txt converted to lower

Mengkonversi String ke Array

Sebuah string dikonversi ke array dengan built dalam string metode. split () :

Contoh

txt="a,b,c,d,e"   // String

txt.split(",");   // Split on commas

txt.split(" ");   // Split on spaces

txt.split("|");   // Split on pipe 

Khusus Karakter

Backslash (\) dapat digunakan untuk memasukkan apostrof, baris baru, kutipan, dan karakter khusus lainnya ke dalam string. lihatlah kode JavaScript berikut:

var txt="We are the so-called "Vikings" from the north.";

document.write(txt);

Dalam JavaScript, string dimulai dan berhenti dengan baik tanda kutip tunggal atau ganda. Ini berarti bahwa string di atas akan cincang ke: Kami adalah yang disebut

Untuk mengatasi masalah ini, Anda harus menempatkan backslash (\) sebelum setiap kutipan ganda dalam "Viking". Hal ini ternyata setiap kutipan ganda dalam string literal:

var txt="We are the so-called \"Vikings\" from the north.";

document.write(txt);

JavaScript sekarang akan menampilkan string teks yang tepat: Kami adalah yang disebut "Vikings" dari utara.

Tabel di bawah ini daftar karakter khusus lainnya yang dapat ditambahkan ke string teks dengan tanda backslash:

|Kode |Output |

|\ ' |tunggal kutipan |

|\ " |ganda kutipan |

|\ \ |backslash |

|\ N |baris baru |

|\ R |carriage return |

|\ T |tab |

|\ B |backspace |

|\ F |membentuk pakan |

String Properties dan Metode

Properti:

• panjangnya

• prototipe

• constructor

Methods:

• charAt()

• charCodeAt()

• concat()

• fromCharCode()

• indexOf()

• lastIndexOf()

• match()

• replace()

• search()

• slice()

• split()

• substr()

• substring()

• toLowerCase()

• toUpperCase()

• valueOf()

JavaScript Numbers

Numbers pada JavaScript dapat ditulis dengan:

Contoh

var pi=3.14;    // Written with decimals

var x=34;       // Written without decimals

Tambahan jumlah kecil atau besar dapat ditulis dengan ilmiah (eksponen) notasi:

Contoh

var y=123e5;    // 12300000

var z=123e-5;   // 0.00123

Semua Nomor JavaScript adalah 64-bit

JavaScript bukan bahasa diketik. Tidak seperti banyak bahasa pemrograman lain, tidak mendefinisikan berbagai jenis nomor, seperti integer, pendek, panjang, floating-point dll. Semua angka dalam JavaScript disimpan sebagai 64-bit (8-byte) basis 10, floating point nomor.

Ketelitian

Bilangan bulat (angka tanpa notasi periode atau eksponen) dianggap akurat sampai 15 digit. Jumlah maksimum desimal adalah 17, namun aritmatika floating point tidak selalu 100% akurat:

Contoh

var x=0.2+0.1;

Oktal dan Heksadesimal

JavaScript menafsirkan konstanta numerik sebagai oktal jika mereka didahului oleh nol, dan sebagai heksadesimal jika mereka diawali dengan nol dan dan x.

Contoh

var y=0377;

var z=0xFF;

|[pic] |Jangan pernah menulis nomor dengan nol, kecuali jika Anda ingin konversi oktal.  |

Nomor Properties dan Metode

Properti:

• MAX VALUE

• MIN NILAI

• NEGATIF ​​INFINITIVE

• POSITIF INFINITIVE

• NaN

• prototipe

• constructor

Methods:

• toExponential()

• toFixed()

• toPrecision()

• toString()

• valueOf()

Buat Obyek Tanggal

Obyek Tanggal digunakan untuk bekerja dengan tanggal dan waktu. Tanggal benda diciptakan dengan Tanggal () konstruktor. Ada empat cara untuk memulai tanggal:

new Date() // current date and time

new Date(milliseconds) //milliseconds since 1970/01/01

new Date(dateString)

new Date(year, month, day, hours, minutes, seconds, milliseconds)

Parameter yang paling atas adalah opsional. Tidak menentukan, menyebabkan 0 untuk lulus masuk

Setelah objek Tanggal dibuat, sejumlah metode memungkinkan Anda untuk beroperasi di atasnya.Metode yang paling memungkinkan Anda untuk mendapatkan dan mengatur tahun, bulan, hari, jam, menit, detik, dan milidetik objek, baik menggunakan waktu setempat atau UTC (universal, atau GMT) waktu.

Semua tanggal dihitung dalam milidetik dari 1 Januari 1970 0:00:00 Universal Time (UTC) dengan hari yang mengandung 86.400.000 milidetik. Beberapa contoh memulai tanggal:

var today = new Date()

var d1 = new Date("October 13, 1975 11:13:00")

var d2 = new Date(79,5,24)

var d3 = new Date(79,5,24,11,33,0)

Set Tanggal

Kita dapat dengan mudah memanipulasi tanggal dengan menggunakan metode yang tersedia untuk objek Tanggal.

Pada contoh di bawah ini kita menetapkan objek Tanggal ke tanggal tertentu (14th Januari 2010):

var myDate=new Date();

myDate.setFullYear(2010,0,14);

Dan dalam contoh berikut kita menetapkan objek Tanggal menjadi 5 hari ke depan:

var myDate=new Date();

myDate.setDate(myDate.getDate()+5);

Catatan: Jika menambahkan lima hari untuk tanggal menggeser bulan atau tahun, perubahan ditangani secara otomatis oleh obyek Tanggal itu sendiri!

Bandingkan Dua Tanggal

Obyek Tanggal ini juga digunakan untuk membandingkan dua tanggal.

Contoh berikut membandingkan tanggal hari ini dengan tanggal 14 Januari 2100:

var x=new Date();

x.setFullYear(2100,0,14);

var today = new Date();

if (x>today)

  {

  alert("Today is before 14th January 2100");

  }

else

  {

  alert("Today is after 14th January 2100");

  }

JavaScript Array Object

Obyek Array digunakan untuk menyimpan beberapa nilai dalam satu variabel.

Contoh:

var mycars = new Array();

mycars[0] = "Saab";

mycars[1] = "Volvo";

mycars[2] = "BMW";

Apa itu array ?

Array adalah variabel khusus, yang dapat menyimpan lebih dari satu nilai pada suatu waktu.

Array dapat dibuat dalam tiga cara.

Kode berikut menciptakan sebuah objek Array yang disebut myCars:

1: Reguler:

var myCars=new Array();

myCars[0]="Saab";

myCars[1]="Volvo";

myCars[2]="BMW";

2: Publikasi:

var myCars=new Array("Saab","Volvo","BMW");

3: Literal:

var myCars=["Saab","Volvo","BMW"];

Akses Array

Sebuah elemen dalam array dapat diakses dengan nomor indeks.

Pernyataan di bawah ini mengakses nilai elemen pertama dalam myCars:

var name=myCars[0];

Pernyataan ini memodifikasi elemen pertama dalam myCars:

myCars[0]="Opel";

Kita juga dapat memiliki array di dalam array:

myArray[0]=Date.now;

myArray[1]=myFunction;

myArray[2]=myCars;

Obyek Array memiliki sifat dan metode yang telah ditetapkan :

var x=myCars.length             // the number of elements in myCars

var y=myCars.indexOf("Volvo")   // the index position of "Volvo"

JavaScript Boolean Object

Objek Boolean digunakan untuk mengkonversi nilai non-Boolean ke nilai Boolean (true atau false). Obyek Boolean mewakili dua nilai: "benar" atau "salah". Kode berikut membuat objek Boolean yang disebut dengan myBoolean:

var myBoolean=new Boolean();

Jika objek Boolean tidak memiliki nilai awal, atau jika nilai yang dikirimkan merupakan salah satu dari berikut:

0

-0

nol

""

false

terdefinisi

NaN

objek akan diatur ke false. Untuk nilai lain akan diatur ke true.

JavaScript Math Object

Fungsi Matematika memungkinkan kita melakukan operasi matematika.

Contoh:

- round ()

bagaimana menggunakan round ().

- random ()

menggunakan random () untuk mengembalikan nomor acak antara 0 dan 1.

- max ()

menggunakan max () untuk mengembalikan angka dengan nilai tertinggi dari dua angka tertentu.

- min ()

menggunakan min () untuk mengembalikan angka dengan nilai terendah dari dua angka tertentu.

Sintaks untuk menggunakan metode Matematika:

var x=Math.PI;

var y=Math.sqrt(16)

Matematika Konstanta

JavaScript menyediakan delapan konstanta matematika yang dapat diakses dari objek Math. Yaitu: E, PI, akar kuadrat dari 2, akar kuadrat dari 1/2, log natural dari 2, log natural dari 10, basa-2 log E, dan basis-10 log E.

Kita dapat mereferensi konstanta ini dari JavaScript seperti:

Math.E

Math.PI

Math.SQRT2

Math.SQRT1_2

Math.LN2

Math.LN10

Math.LOG2E

Math.LOG10E

Metode Matematika

Selain konstanta matematika yang dapat diakses dari objek Math ada juga beberapa metode yang tersedia. Contoh berikut menggunakan metode round () dari objek Math untuk membulatkan angka ke integer terdekat:

document.write(Math.round(4.7));

Kode di atas akan menghasilkan output sebagai berikut: 5

Contoh berikut menggunakan metode random () dari objek Math untuk mengembalikan nomor acak antara 0 dan 1:

document.write(Math.random());

Kode di atas dapat menghasilkan output sebagai berikut: 0.3955114856031997

Contoh berikut menggunakan metode floor () dan random () dari objek Math untuk mengembalikan nomor acak antara 0 dan 10:

document.write(Math.floor(Math.random()*11));

Kode di atas dapat menghasilkan output sebagai berikut: 2

Apa RegExp?

Sebuah ekspresi reguler adalah obyek yang menggambarkan pola karakter. Ketika Anda mencari dalam teks, Anda dapat menggunakan pola untuk menggambarkan apa yang Anda cari. Pola sederhana dapat menjadi salah satu karakter tunggal. Sebuah pola yang lebih rumit dapat terdiri dari beberapa karakter, dan dapat digunakan untuk parsing, memeriksa format, substitusi dan banyak lagi. Kalimat biasa digunakan untuk melakukan pencocokan pola-kuat dan "pencarian-dan-menggantikan" fungsi pada teks.

Sintaksis

var patt=new RegExp(pattern,modifiers);

atau yang lebih simple :

var patt=/pattern/modifiers;

• Pola menentukan pola ekspresi

• pengubah menentukan apakah pencarian harus global, case-sensitive, dll

RegExp Pengubah

Pengubah digunakan untuk melakukan pencarian case-insensitive dan global. Pengubah i digunakan untuk melakukan case-insensitive pencocokan. Pengubah g digunakan untuk melakukan pertandingan global (menemukan semua pertandingan daripada berhenti setelah pertandingan pertama).

Contoh 1

Lakukan pencarian case-insensitive untuk "W3Schools" dalam sebuah string:

var str="Visit W3Schools";

var patt1=/w3schools/i;

Yang ditandai teks di bawah menunjukkan di mana ekspresi mendapat pertandingan:

Visit W3Schools

Output :

W3Schools

Contoh 2

Lakukan pencarian global untuk "adalah":

var str="Is this all there is?";

var patt1=/is/g;

Yang ditandai teks di bawah menunjukkan di mana ekspresi mendapat pertandingan:

Is this all there is?

Output:

is,is

Contoh 3

Apakah, global case-insensitive pencarian untuk "adalah":

var str="Is this all there is?";

var patt1=/is/gi;

Yang ditandai teks di bawah menunjukkan di mana ekspresi mendapat pertandingan:

Is this all there is?

Output :

Is,is,is

test ()

Tes () metode pencarian string untuk nilai tertentu, dan mengembalikan true atau false, tergantung pada hasil.

Contoh berikut mencari string untuk karakter "e":

Contoh

var patt1=new RegExp("e");

document.write(patt1.test("The best things in life are free"));

Karena ada "e" dalam string, output dari kode di atas akan menjadi: true

Output :

True

exec ()

Metode exec () mencari string untuk nilai tertentu, dan mengembalikan teks nilai yang ditemukan. Jika tidak ada yang cocok, ia mengembalikan null.

Contoh berikut mencari string untuk karakter "e":

Contoh 1

var patt1=new RegExp("e");

document.write(patt1.exec("The best things in life are free"));

Karena ada "e" dalam string, output dari kode di atas akan menjadi: e

Output :

e

FUNCTION

function (fungsi) adalah sesuatu yang sangat mendasar dalam pemrograman Javascript. sebuah fungsi adalah procedure dalam javascript yang menjalankan suatu proses tertentu. suatu fungsi didevinisikan dengan :

- manggunakan kata function.

- membuat nama fungsi tersebut.

- membuat parameter-parameter yang dipisahkan dengan koma (,).

- membuat statement-statement dalam fungsi yang memproses parameter-parameter tersebut.

pada umumnya fungsi dideklarasikan pada bagian dari suatu dokument HTML. dengan cara ini semua fungsi yang akan dipakai pada bagian telah terdefinisi sehingga memungkinkan suatu proses dapat dijalankan saat halaman masih dimuat (loading). dengan cara ini pula akan meminimalisir error dalam event handling ataupun pemanggilan fungsi yang belum terdifinisi.

contoh :

pada contoh di atas, fungsi kuadrat mempunya satu parameter, yaitu angka. fungsi ini mengembalikan nilai angka * angka. pada bagian fungsi dipanggil dengan menuliskan nama fungsi dan memberi parameter yang tepat, lihat pada bagian

document.write("jika angka = 5 maka kuadratnya adalah " + kuadrat(5));

5 mengisi bagian parameter, sehingga saat fungsi dipanggil akan mengembalikan nilai 25, karena 5*5 = 25;

JavaScript function :

1. Fungsi adalah sekumpulan kode yang akan dijalankan ketika dipanggil.

Contoh:

2. Sintaks JavaScript function

Sebuah fungsi ditulis ketika sekumpulan kode (yang berada di dalam kurung kurawal {} ) didahului dengan nama fungsinya.

Contoh:

function functionname()

{

some code to be executed

}

3. Memanggil sebuah fungsi dengan argumen

Ketika sebuah fungsi dipanggil, kita dapat memberikan beberapa nilai ke dalamnya. Nilai-nilai ini disebut argumen atau parameter. Kita dapat menggunakan banyak argumen. Tiap argumen dipisahkan dengan tanda koma (,).

Contoh:

myFunction(argument1,argument2)

Kita juga dapat mendeklarasikan argumen seperti variabel

Contoh:

function myFunction(var1,var2)

{

some code

}

Variabel dan argumen harus selalu berurutan. Variabel pertama diberi nilai yang dilalui oleh argumen pertama dan begitu seterusnya.

Contoh:

Fungsi di atas akan memunculkan tulisan “Welcome Harry Potter, Wizard” begitu tombol diklik. Fungsi sifatnya fleksibel, kita dapat memanggilnya menggunakan argumen yang berbeda dan pesan selamat datang yang diberikanpun akan berbeda.

Contoh:

Try it

Try it

Contoh di atas akan memunculkan tulisan “Welcome Harry Potter, Wizard” atau "Welcome Bob, the Builder" begitu tombol diklik.

4. Fungsi dengan Nilai Balik

Terkadang kita menginginkan fungsi yang memanggil kembali nilai awal ketika dipanggil. Hal ini memungkinkan jika kita membuat retursn statement. Ketika menggunakan return statement, fungsi akan berhenti mengeksekusi dan mengembalikan ke nilai tertentu.

Sintaks:

function myFunction() {

var x=5;

return x; }

Fungsi di atas akan mengembalikan nilai 5.

Catatan:

Bukan JavaScript secara keseluruhan yang akan menghentikan eksekusi, tetapi fungsi. JavaScript akan terus mengeksekusi kode, di mana fungsi tersebut dipanggil.

Fungsi yang dipanggil akan diubah menjadi return value:

var myVar=myFunction();

Variabel myVar menyimpan nilai 5yang merupakan fungsi return “myFunction”. Kita juga dapat menggunakan returnValue tanpa perlu menyimpannya sebagai variabel:

document.getElementById("demo").innerHTML=myFunction();

-----------------------

MENJELASKAN TENTANG DATA TYPES, OBJECT, DAN FUNCTION DALAM JAVASCRIPT

var person={

firstname : "John",

lastname : "Doe",

id : 5566

};

document.write(person.lastname + "");

document.write(person["lastname"] + "");

var person;

var car="Volvo";

document.write(person + "");

document.write(car + "");

var car=null

document.write(car + "");

document.write("true = " + typeof(true) + "");

document.write("1234 = " + typeof(1234) + "");

document.write('"ab12" = ' + typeof("ab12") + "");

document.write("null = " + typeof(null) + "");

var str = "Visit W3Schools";

var patt1 = /w3schools/i;

document.write(str.match(patt1));

var str="Is this all there is?";

var patt1=/is/g;

document.write(str.match(patt1));

var str="Is this all there is?";

var patt1=/is/gi;

document.write(str.match(patt1));

var patt1=new RegExp("e");

document.write(patt1.test("The best things in life are free"));

var patt1=new RegExp("e");

document.write(patt1.exec("The best things in life are free"));

function kuadrat(angka) {

return angka * angka

}

document.write("jika angka = 5 maka kuadratnya adalah " + kuadrat(5));

All done.

function myFunction()

{

alert("Hello World!");

}

Try it

Try it

function myFunction(name,[pic]h h} ¥hab"h} ¥)hE[pic],h} ¥B*[?]CJOJ[?]QJ[?]^J[?]aJph?³â hab"h} ¥CJOJ[?]QJ[?]^J[?]aJ h h} ¥CJOJPJQJaJhab"h} ¥OJQJhcS¬h°,šOJQJh°,šjhE[pic],U[pic]mHnHu[pic]hE[pic],h°,šB*[pic]CJaJph

hE[pic],h°,šhE[pic],job)

{

alert("Welcome " + name + ", the " + job);

}

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download